html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    vertical-align: baseline
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse
}

*,
* :focus {
    outline: 0;
    margin: 0;
    padding: 0
}

textarea {
    overflow: auto
}

select {
    font-size: 12px
}

input,
textarea {
    border: 0
}

button,
input[type=submit] {
    font: 12px/1.5 '\5b8b\4f53', tahoma, sans-serif
}

ul {
    list-style: none
}

p {
    margin: 0
}

:focus {
    outline: 0
}

a {
    text-decoration: none;
    color: #3063b0;
    cursor: pointer
}

a:hover {
    color: #f60
}

.normal {
    font-style: normal
}

.normalFont {
    font-style: normal;
    font-weight: normal
}

hr {
    margin: 5px 0;
    color: #ccced0;
    background-color: #ccced0;
    height: 1px;
    border: 0
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

a.button::-moz-focus-inner {
    border: 0;
    padding: 0
}

::-webkit-input-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {
    color: #666
}

.top-header,
.content,
.footer {
    margin-left: auto;
    margin-right: auto
}

.col-main {
    float: left;
    width: 100%;
    min-height: 1px;
    height: 100%
}

.col-sub,
.col-extra {
    float: left;
    height: 100%
}

.wrapper:after,
.main-wrap:after,
.col-sub:after,
.col-extra:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both
}

.main-wrap,
.col-sub,
.col-extra {
    position: relative
}

.wrapper {
    height: 100%;
    margin: 0 auto
}

.main-wrap {
    height: 100%
}

.autoIframe {
    width: 100%;
    height: 100%
}

.withTrigger {
    position: relative
}

.trigger-s {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 9px;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #dcdcd7;
    overflow: hidden
}

.withTrigger .trigger-s {
    display: block
}

.withTrigger .trigger-s a {
    display: block;
    height: 100%;
    background: #f4f4f4;
    position: relative
}

.withTrigger .trigger-s a:hover {
    background: #efefef
}

.withTrigger .trigger-s a .ico {
    width: 9px;
    position: absolute;
    top: 50%;
    margin-top: -9px
}

.grid-m0s6.withTrigger .trigger-s,
.grid-m0s9.withTrigger .trigger-s,
.grid-m0s12.withTrigger .trigger-s {
    border-width: 0 1px 0 0
}

.grid-s6m0e9.withTrigger .trigger-left,
.grid-s6m0e9.withTrigger .trigger-right {
    border-width: 0 1px
}

.grid-s6m0.withTrigger .main-wrap {
    margin-left: 210px
}

.grid-s6m0.withTrigger .trigger-s {
    left: 200px
}

.grid-s9m0.withTrigger .main-wrap {
    margin-left: 260px
}

.grid-s9m0.withTrigger .trigger-s {
    left: 250px
}

.grid-s12m0.withTrigger .main-wrap {
    margin-left: 380px
}

.grid-s12m0.withTrigger .trigger-s {
    left: 370px
}

.grid-m0s6.withTrigger .main-wrap {
    margin-right: 210px
}

.grid-m0s6.withTrigger .trigger-s {
    right: 200px
}

.grid-m0s9.withTrigger .main-wrap {
    margin-right: 260px
}

.grid-m0s9.withTrigger .trigger-s {
    right: 250px
}

.grid-m0s12.withTrigger .main-wrap {
    margin-right: 380px
}

.grid-m0s12.withTrigger .trigger-s {
    right: 370px
}

.grid-s6m0e9.withTrigger .main-wrap {
    margin-left: 210px;
    margin-right: 260px
}

.grid-s6m0e9.withTrigger .trigger-left {
    left: 200px
}

.grid-s6m0e9.withTrigger .trigger-right {
    right: 250px
}

.grid-s6m0e9.withoutLTrigger .main-wrap {
    margin-left: 0
}

.grid-s6m0e9.withoutRTrigger .main-wrap {
    margin-right: 0
}

.withoutLTrigger .col-sub,
.withoutRTrigger .col-extra {
    display: none
}

.grid-s6m0e9.withoutLTrigger .trigger-left {
    left: 0
}

.grid-s6m0e9.withoutRTrigger .trigger-right {
    right: 0
}

.grid-s6m0.grid-m .trigger-s,
.grid-s9m0.grid-m .trigger-s,
.grid-s12m0.grid-m .trigger-s {
    left: 0
}

.grid-m0s6.grid-m .trigger-s,
.grid-m0s9.grid-m .trigger-s,
.grid-m0s12.grid-m .trigger-s {
    right: 0
}

.grid-m.grid-s6m0 .main-wrap,
.grid-m.grid-s9m0 .main-wrap,
.grid-m.grid-s12m0 .main-wrap {
    margin-left: 10px
}

.grid-m.grid-m0s6 .main-wrap,
.grid-m.grid-m0s9 .main-wrap,
.grid-m.grid-m0s12 .main-wrap {
    margin-right: 10px
}

.grid-s6m0 .trigger-s a .ico,
.grid-m0s6.grid-m .trigger-s a .ico,
.grid-s9m0 .trigger-s a .ico,
.grid-m0s9.grid-m .trigger-s a .ico,
.grid-s12m0 .trigger-s a .ico,
.grid-m0s12.grid-m .trigger-s a .ico,
.grid-s6m0e9.withoutRTrigger .trigger-right a .ico {
    background-position: -55px -196px
}

.grid-s6m0 .trigger-s a:hover .ico,
.grid-m0s6.grid-m .trigger-s a:hover .ico,
.grid-s9m0 .trigger-s a:hover .ico,
.grid-m0s9.grid-m .trigger-s a:hover .ico,
.grid-s12m0 .trigger-s a:hover .ico,
.grid-m0s12.grid-m .trigger-s a:hover .ico,
.grid-s6m0e9 .trigger-left a:hover .ico,
.grid-s6m0e9.withoutRTrigger .trigger-right a:hover .ico {
    background-position: -55px -220px
}

.grid-m0s6 .trigger-s a .ico,
.grid-s6m0.grid-m .trigger-s a .ico,
.grid-m0s9 .trigger-s a .ico,
.grid-s9m0.grid-m .trigger-s a .ico,
.grid-m0s12 .trigger-s a .ico,
.grid-s12m0.grid-m .trigger-s a .ico,
.grid-s6m0e9 .trigger-s a .ico,
.grid-s6m0e9 .trigger-right a .ico,
.grid-s6m0e9.withoutLTrigger .trigger-left a .ico {
    background-position: -79px -196px
}

.grid-m0s6 .trigger-s a:hover .ico,
.grid-s6m0.grid-m .trigger-s a:hover .ico,
.grid-m0s9 .trigger-s a:hover .ico,
.grid-s9m0.grid-m .trigger-s a:hover .ico,
.grid-m0s12 .trigger-s a:hover .ico,
.grid-s12m0.grid-m .trigger-s a:hover .ico,
.grid-s6m0e9 .trigger-right a:hover .ico,
.grid-s6m0e9.withoutLTrigger .trigger-left a:hover .ico {
    background-position: -79px -220px
}

.grid-s6m0e9 .trigger-left a .ico {
    background-position: -55px -196px
}

.grid-m .main-wrap,
.grid-m.withTrigger .main-wrap {
    margin: 0
}

.grid-m .col-sub,
.grid-m.withTrigger .col-sub,
.grid-m .col-extra,
.grid-m.withTrigger .col-extra {
    display: none
}

.grid-s6m0 .main-wrap {
    margin-left: 200px;
    margin-right: 0;
    border-left: 1px solid #dcdcd7
}

.grid-s6m0 .col-sub {
    width: 200px;
    margin-left: -100%;
    margin-right: 0
}

.grid-s6m0 .col-extra {
    display: none
}

.grid-m0s6 .main-wrap {
    margin-right: 200px;
    margin-left: 0;
    border-right: 1px solid #dcdcd7
}

.grid-m0s6 .col-sub {
    width: 200px;
    margin-left: -200px;
    margin-right: 0
}

.grid-m0s6 .col-extra {
    display: none
}

.grid-s9m0 .main-wrap {
    margin-left: 250px;
    margin-right: 0;
    border-left: 1px solid #dcdcd7
}

.grid-s9m0 .col-sub {
    width: 250px;
    margin-left: -100%;
    margin-right: 0
}

.grid-s9m0 .col-extra {
    display: none
}

.grid-m0s9 .main-wrap {
    margin-right: 250px;
    margin-left: 0;
    border-right: 1px solid #dcdcd7
}

.grid-m0s9 .col-sub {
    width: 250px;
    margin-left: -250px;
    margin-right: 0
}

.grid-m0s9 .col-extra {
    display: none
}

.grid-s12m0 .main-wrap {
    margin-left: 370px;
    margin-right: 0;
    border-left: 1px solid #dcdcd7
}

.grid-s12m0 .col-sub {
    width: 370px;
    margin-left: -100%;
    margin-right: 0
}

.grid-s12m0 .col-extra {
    display: none
}

.grid-m0s12 .main-wrap {
    margin-right: 370px;
    margin-left: 0;
    border-right: 1px solid #dcdcd7
}

.grid-m0s12 .col-sub {
    width: 370px;
    margin-left: -370px;
    margin-right: 0
}

.grid-m0s12 .col-extra {
    display: none
}

.grid-s6m0e9 .main-wrap {
    margin: 0 250px 0 200px;
    border-left: 1px solid #dcdcd7
}

.grid-s6m0e9 .col-sub {
    width: 200px;
    margin-left: -100%
}

.grid-s6m0e9 .col-extra {
    width: 250px;
    margin-left: -251px;
    border-left: 1px solid #dcdcd7
}

.grid-s9m0e6 .main-wrap {
    margin: 0 200px 0 250px;
    border-left: 1px solid #dcdcd7
}

.grid-s9m0e6 .col-sub {
    width: 250px;
    margin-left: -100%
}

.grid-s9m0e6 .col-extra {
    width: 200px;
    margin-left: -201px;
    border-left: 1px solid #dcdcd7
}

.grid-m0e9s6 .main-wrap {
    margin-right: 451px;
    border-right: 1px solid #dcdcd7
}

.grid-m0e9s6 .col-sub {
    width: 200px;
    margin-left: -200px
}

.grid-m0e9s6 .col-extra {
    width: 250px;
    margin-left: -451px;
    border-right: 1px solid #dcdcd7
}

.sprite,
.mainNav .nav li,
#footer .copyright .logo,
.topSearch .searchBtn,
.secNav li.more a,
.hasDot li a,
.dashboard dd ol li a {
    background: transparent url(/img/smartsite/images/video/sprite.png) no-repeat 0 -9999px
}

.repeat,
ul.tabs li,
ul.tabs li.ui-state-hover,
ul.tabs li.ui-state-active,
.category li a {
    background: transparent url(/img/smartsite/images/video/repeat.png) repeat-x 0 0
}

#wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    zoom: 1
}

.layout {
    margin: 0 auto;
    position: relative;
    z-index: 1;
    width: 100%;
    min-width: 990px
}

.wrapper {
    *zoom: 1
}

.wrapper:before,
.wrapper:after {
    display: table;
    content: ""
}

.wrapper:after {
    clear: both
}

#top,
#header,
#navbar,
#footer {
    position: absolute;
    left: 0;
    right: 0;
    min-width: 990px;
    z-index: 2
}

.noIframe #header,
.noIframe #navbar,
.noIframe #footer {
    position: relative
}

.noNavbar #navbar {
    display: none
}

.noNavbar #content {
    top: 90px
}

#top {
    position: fixed;
    *position: absolute;
    width: 100%;
    top: 0;
    z-index: 3;
    height: 59px;
    line-height: 20px;
    border-bottom: 1px solid #2468c5;
    background: #3f85e4
}

#top-shadow {
    display: none
}

.fullscreen #top,
.fullscreen #header,
.fullscreen #navbar,
.fullscreen #content .breadLine {
    display: none
}

.fullscreen #wrapper #content,
.fullscreen #wrapper #content .grid-m {
    top: 0
}

ul.userNav {
    margin-right: 16px;
    margin-top: 23px;
    position: relative;
    z-index: 990;
    float: right;
    display: inline;
    border-left: 1px solid #75a7eb;
    padding-left: 10px
}

ul.userNav li {
    position: relative;
    float: left;
    padding: 0 10px
}

ul.userNav li.diviver {
    padding: 0
}

ul.userNav li ul {
    position: absolute;
    border-bottom: 1px solid #115bc1;
    background: url(/img/smartsite/images/video/sprite_1.png) no-repeat 80px -105px;
    font-size: 12px;
    font-weight: normal;
    width: auto;
    top: 13px;
    padding-top: 10px;
    display: none;
    right: 0
}

ul.userNav li ul li {
    width: 120px;
    border-bottom: 1px solid #0a142c;
    text-align: left;
    border-top: 1px solid #102149;
    background: #0d1a3a;
    padding: 0;
    float: none
}

ul.userNav li ul li:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top: 0;
    padding-top: 1px
}

ul.userNav li ul li:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

ul.userNav li ul li a {
    text-decoration: none;
    padding: 0 10px;
    color: #eee !important;
    display: block
}

ul.userNav li ul li:hover a,
ul.userNav li ul li a:hover {
    background-color: #132757;
    color: #FC0 !important
}

ul.userNav li ul li a span {
    vertical-align: middle
}

ul.userNav li a i {
    margin-right: 10px;
    background: url(/img/smartsite/images/video/sprite.png) no-repeat 0 -9999px;
    width: 16px;
    height: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

ul.userNav li.i-favorite a i {
    background-position: -110px 0
}

ul.userNav li.i-history a i {
    background-position: -130px 0
}

ul.userNav li.i-profile a i {
    background-position: -150px 0
}

ul.userNav li.i-password a i {
    background-position: -170px 0
}

ul.userNav li.i-exit a i {
    background-position: -190px 0
}

ul.userNav li.i-help a i,
ul.userNav li.i-version a i {
    display: none
}

ul.userNav li ul .dropdown-menu {
    display: none;
    width: 250px;
    height: 300px;
    padding: 3px;
    background: #132757;
    border: 0
}

ul.userNav li ul li:hover .dropdown-menu {
    position: absolute;
    top: 0;
    left: -256px;
    display: block
}

ul.userNav li ul ul {
    position: relative;
    background: 0;
    display: block;
    width: auto;
    height: 100%;
    top: 0;
    padding: 0
}

ul.userNav li ul .dropdown-menu .inner {
    padding: 0;
    background: #fff;
    height: 100%;
    overflow: hidden;
    overflow-y: auto
}

h1.title {
    float: left;
    margin: 5px 20px;
    width: 500px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(54, 104, 176, 0.5);
    font-size: 26px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.avator {
    background: #ccc;
    border-radius: 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.avator img {
    width: 32px;
    height: 32px;
    vertical-align: middle
}

.uName {
    font-weight: normal;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.uName li a {
    font-weight: normal
}

.topSearch {
    position: absolute;
    top: 18px;
    left: 14px;
    right: 20px;
    z-index: 4;
    border: 1px solid #3375cf;
    width: 0;
    height: 22px;
    z-index: 1000;
    display: none
}

.topSearch .bd {
    position: relative;
    z-index: 2;
    font-size: 0
}

.topSearch .keyword {
    padding: 4px 10px;
    background: transparent;
    width: 170px;
    height: 18px;
    line-height: 18px;
    border: 0;
    box-shadow: none;
    vertical-align: top
}

.topSearch .keyword:focus {
    padding: 4px 10px;
    outline: 0;
    box-shadow: none
}

.topSearch input.placeholder,
.topSearch input[placeholder] {
    color: #051b37
}

.topSearch .searchBtn {
    position: absolute;
    top: 2px;
    right: 2px;
    background-position: 0 0;
    width: 22px;
    height: 22px;
    border: 0;
    overflow: hidden;
    padding: 0;
    font-size: 0;
    cursor: pointer
}

.topSearch .shadow {
    background: #fff;
    width: 210px;
    height: 26px;
    z-index: 1;
    opacity: 1
}

#navbar {
    top: 90px
}

.mainNav {
    border-top: 1px solid #465c8e;
    height: 34px;
    overflow: hidden;
    background: #2e4a93;
    background: -moz-linear-gradient(top, #273f7d 0%, #2e4a93 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #273f7d), color-stop(100%, #2e4a93));
    background: -webkit-linear-gradient(top, #273f7d 0%, #2e4a93 100%);
    background: -o-linear-gradient(top, #273f7d 0%, #2e4a93 100%);
    background: -ms-linear-gradient(top, #273f7d 0%, #2e4a93 100%);
    background: linear-gradient(top, #273f7d 0%, #2e4a93 100%)
}




.ztree * {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif
}

.ztree {
    margin: 0;
    padding: 5px;
    color: #333;
    min-height: 50px
}

.ztree li {
    list-style: none;
    line-height: 14px;
    text-align: left;
    white-space: nowrap;
    word-wrap: normal;
    word-break: normal;
    outline: 0
}

.ztree li ul {
    padding: 0 0 0 18px
}

.ztree li ul.line {
    background: url(/img/smartsite/images/line_conn.gif) 0 0 repeat-y
}

.ztree li a {
    padding: 1px 3px 0 0;
    height: 17px;
    color: #333;
    background-color: transparent;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.ztree li a:hover {
    text-decoration: underline
}

.ztree li a.curSelectedNode {
    padding-top: 0;
    background-color: #ffe6b0;
    height: 16px;
    border: 1px #ffb951 solid
}

.ztree li a.curSelectedNode_Edit {
    padding-top: 0;
    background-color: #ffe6b0;
    color: #333;
    height: 16px;
    border: 1px #ffb951 solid
}

.ztree li a.tmpTargetNode_inner {
    padding-top: 0;
    background-color: #316ac5;
    color: white;
    height: 16px;
    border: 1px #316ac5 solid
}

.ztree li a input.rename {
    height: 14px;
    width: 80px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    border: 1px #7ec4cc solid;
    *border: 0
}

.ztree li em {
    font-style: normal
}

.ztree li span {
    line-height: 16px;
    margin-right: 2px;
    margin-left: 5px
}

.ztree li span.button {
    line-height: 0;
    margin: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    border: 0 none;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url("/img/smartsite/images/video/zTreeStandard.png");

}

.ztree li .highlight {
    color: red;
    font-weight: bold
}

.ztree li span.button.chk {
    width: 13px;
    height: 13px;
    margin: 0 3px 0 0;
    vertical-align: middle;
    cursor: auto
}

.ztree li span.button.chk.checkbox_false_full {
    background-position: 0 0
}

.ztree li span.button.chk.checkbox_false_full_focus {
    background-position: 0 -14px
}

.ztree li span.button.chk.checkbox_false_part {
    background-position: 0 -28px
}

.ztree li span.button.chk.checkbox_false_part_focus {
    background-position: 0 -42px
}

.ztree li span.button.chk.checkbox_false_disable {
    background-position: 0 -56px
}

.ztree li span.button.chk.checkbox_true_full {
    background-position: -14px 0
}

.ztree li span.button.chk.checkbox_true_full_focus {
    background-position: -14px -14px
}

.ztree li span.button.chk.checkbox_true_part {
    background-position: -14px -28px
}

.ztree li span.button.chk.checkbox_true_part_focus {
    background-position: -14px -42px
}

.ztree li span.button.chk.checkbox_true_disable {
    background-position: -14px -56px
}

.ztree li span.button.chk.radio_false_full {
    background-position: -28px 0
}

.ztree li span.button.chk.radio_false_full_focus {
    background-position: -28px -14px
}

.ztree li span.button.chk.radio_false_part {
    background-position: -28px -28px
}

.ztree li span.button.chk.radio_false_part_focus {
    background-position: -28px -42px
}

.ztree li span.button.chk.radio_false_disable {
    background-position: -28px -56px
}

.ztree li span.button.chk.radio_true_full {
    background-position: -42px 0
}

.ztree li span.button.chk.radio_true_full_focus {
    background-position: -42px -14px
}

.ztree li span.button.chk.radio_true_part {
    background-position: -42px -28px
}

.ztree li span.button.chk.radio_true_part_focus {
    background-position: -42px -42px
}

.ztree li span.button.chk.radio_true_disable {
    background-position: -42px -56px
}

.ztree li span.button.switch {
    padding: 0;
    width: 18px;
    height: 18px
}

.ztree li span.button.root_open {
    background-position: -92px -54px
}

.ztree li span.button.root_close {
    background-position: -74px -54px
}

.ztree li span.button.roots_open {
    background-position: -92px 0
}

.ztree li span.button.roots_close {
    background-position: -74px 0
}

.ztree li span.button.center_open {
    background-position: -92px -18px
}

.ztree li span.button.center_close {
    background-position: -74px -18px
}

.ztree li span.button.bottom_open {
    background-position: -92px -36px
}

.ztree li span.button.bottom_close {
    background-position: -74px -36px
}

.ztree li span.button.noline_open {
    background-position: -92px -72px
}

.ztree li span.button.noline_close {
    background-position: -74px -72px
}

.ztree li span.button.root_docu {
    background: 0
}

.ztree li span.button.roots_docu {
    background-position: -56px 0
}

.ztree li span.button.center_docu {
    background-position: -56px -18px
}

.ztree li span.button.bottom_docu {
    background-position: -56px -36px
}

.ztree li span.button.noline_docu {
    background: 0
}

.ztree li span.button.ico_open,
.ztree li span.button.folder_ico_open,
.ztree li span.button.folder_ico_docu {
    margin-right: 2px;
    background-position: -110px -16px;
    *vertical-align: middle
}

.ztree li span.button.ico_close,
.ztree li span.button.folder_ico_close {
    margin-right: 2px;
    background-position: -110px 0;
    vertical-align: top;
    *vertical-align: middle
}

.ztree li span.button.ico_docu {
    margin-right: 2px;
    background-position: -110px -32px;
    vertical-align: top;
    *vertical-align: middle
}

.ztree li span.button.edit {
    margin-right: 2px;
    background-position: -110px -48px;
    vertical-align: top;
    *vertical-align: middle
}

.ztree li span.button.remove {
    margin-right: 2px;
    background-position: -110px -64px;
    vertical-align: top;
    *vertical-align: middle
}

.ztree li span.button.ico_loading {
    margin-right: 2px;
    background: url(/img/smartsite/images/video/loading.gif) no-repeat scroll 0 0 transparent;
    vertical-align: top;
}

ul.tmpTargetzTree {
    background-color: #ffe6b0;
    opacity: .8
}

span.tmpzTreeMove_arrow {
    width: 16px;
    height: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0;
    margin: 2px 0 0 1px;
    border: 0 none;
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: -110px -80px;
    background-image: url("/img/smartsite/images/video/zTreeStandard.png");
}

ul.ztree.zTreeDragUL {
    margin: 0;
    padding: 0;
    position: absolute;
    width: auto;
    height: auto;
    overflow: hidden;
    background-color: #cfcfcf;
    border: 1px #00b83f dotted;
    opacity: .8
}

.zTreeMask {
    z-index: 10000;
    background-color: #cfcfcf;
    opacity: 0;
    position: absolute
}

.gridtree ul,
.gridtree li {
    *zoom: 1
}

.gridtree ul,
.gridtree li:before,
.gridtree ul,
.gridtree li:after {
    display: table;
    content: ""
}

.gridtree ul,
.gridtree li:after {
    clear: both
}

.gridtree li span,
.gridtree li a {
    float: left
}

.gridtree li span span,
.gridtree li span a {
    margin: 0;
    float: none
}

.ztree li span.button.home_ico_open,
.ztree li span.button.home_ico_close,
.ztree li span.button.home_ico_docu,
.ztree li span.button.province_ico_open,
.ztree li span.button.province_ico_close,
.ztree li span.button.province_ico_docu,
.ztree li span.button.city_ico_open,
.ztree li span.button.city_ico_close,
.ztree li span.button.city_ico_docu,
.ztree li span.button.city_cas_ico_open,
.ztree li span.button.city_cas_ico_close,
.ztree li span.button.city_cas_ico_docu,
.ztree li span.button.town_ico_open,
.ztree li span.button.town_ico_close,
.ztree li span.button.town_ico_docu,
.ztree li span.button.town_cas_ico_open,
.ztree li span.button.town_cas_ico_close,
.ztree li span.button.town_cas_ico_docu,
.ztree li span.button.area_ico_open,
.ztree li span.button.area_ico_close,
.ztree li span.button.area_ico_docu,
.ztree li span.button.user_ico_open,
.ztree li span.button.user_ico_close,
.ztree li span.button.user_ico_docu,
.ztree li span.button.prison_ico_open,
.ztree li span.button.prison_ico_close,
.ztree li span.button.prison_ico_docu,
.ztree li span.button.pArea_ico_open,
.ztree li span.button.pArea_ico_close,
.ztree li span.button.pArea_ico_docu,
.ztree li span.button.pRoom_ico_open,
.ztree li span.button.pRoom_ico_close,
.ztree li span.button.pRoom_ico_docu,
.ztree li span.button.org4_ico_open,
.ztree li span.button.org4_ico_close,
.ztree li span.button.org4_ico_docu,
.treeview .ztree li span.ico.user_ico_docu,
.treeview .ztree li span.ico.user_ico_close,
.treeview .ztree li span.ico.user_ico_open {
    display: inline-block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    vertical-align: -5px;
    background: url(/img/smartsite/images/video/ztree-diy.png) no-repeat 0 -9999px
}

.ztree li span.button.home_ico_open,
.ztree li span.button.home_ico_close,
.ztree li span.button.home_ico_docu {
    background-position: 0 0
}

.ztree li span.button.province_ico_open,
.ztree li span.button.province_ico_close,
.ztree li span.button.province_ico_docu {
    background-position: -18px 0
}

.ztree li span.button.city_ico_open,
.ztree li span.button.city_ico_close,
.ztree li span.button.city_ico_docu {
    background-position: -54px 0
}

.ztree li span.button.city_cas_ico_open,
.ztree li span.button.city_cas_ico_close,
.ztree li span.button.city_cas_ico_docu {
    background-position: -72px 0
}

.ztree li span.button.town_ico_open,
.ztree li span.button.town_ico_close,
.ztree li span.button.town_ico_docu {
    background-position: -36px 0
}

.ztree li span.button.town_cas_ico_open,
.ztree li span.button.town_cas_ico_close,
.ztree li span.button.town_cas_ico_docu {
    background-position: -90px 0
}

.ztree li span.button.area_ico_open,
.ztree li span.button.area_ico_close,
.ztree li span.button.area_ico_docu {
    background-position: -90px -18px
}

.ztree li span.button.user_ico_open,
.ztree li span.button.user_ico_close,
.ztree li span.button.user_ico_docu {
    background-position: -108px 0
}

.ztree li span.button.prison_ico_open,
.ztree li span.button.prison_ico_close,
.ztree li span.button.prison_ico_docu {
    background-position: -108px -18px
}

.ztree li span.button.pArea_ico_open,
.ztree li span.button.pArea_ico_close,
.ztree li span.button.pArea_ico_docu {
    background-position: -126px -18px
}

.ztree li span.button.pRoom_ico_open,
.ztree li span.button.pRoom_ico_close,
.ztree li span.button.pRoom_ico_docu {
    background-position: -144px -18px
}

.ztree li span.button.empty_ico_open,
.ztree li span.button.empty_ico_close,
.ztree li span.button.empty_ico_docu {
    display: none;
    background-position: -9999px -9999px
}

.ztree li span.button.org4_ico_open,
.ztree li span.button.org4_ico_close,
.ztree li span.button.org4_ico_docu {
    background-position: -36px -36px
}

.treeview .ztree li span.ico.user_ico_docu,
.treeview .ztree li span.ico.user_ico_close,
.treeview .ztree li span.ico.user_ico_open {
    background-position: 108px 0
}

div.top-right,
div.bottom-right {
    right: 20px
}

div.top-left,
div.bottom-left {
    left: 20px
}

div.top-center {
    left: 50%;
    margin-left: -200px
}

div.bottom-center {
    left: 50%;
    margin-left: -200px
}

div.center-center {
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -100px;
    min-height: 75px
}

.bottom-right,
.bottom-center,
.bottom-left {
    bottom: 45px
}

div.bottom-right {
    width: 342px
}

.sticky.st-msg {
    margin-left: auto;
    border-radius: 5px;
    width: 300px
}

.sticky.st-msg div.sticky-note {
    padding: 0
}

.sticky.st-msg div.sticky-note p a {
    font-weight: normal
}

.sticky.st-msg .block-msg {
    border: 0;
    background: 0
}

.sticky.st-msg .block-msg .msg-cnt {
    line-height: 1
}

.sticky.st-msg .block-msg .info {
    font-weight: normal;
    font-size: 12px
}

.sticky.st-msg .block-msg .bd {
    padding: 0;
    position: static;
    background: 0
}

.sticky.st-msg .block-msg .bd h6 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 210px
}

.sticky.st-msg .pagination {
    border: 0;
    padding: 0
}

.sticky.st-msg .pagination .pages {
    width: auto
}

.sticky.st-msg .pagination li {
    margin: 0 5px;
    font-weight: normal;
    letter-spacing: 3px
}

.sticky.st-msg .pagination a {
    border: 0;
    padding: 0;
    background: 0;
    box-shadow: none
}

.sticky.st-msg .pagination a .ico {
    margin: 0
}

.sticky.st-video,
.sticky.st-picture {
    background: #fff url(/img/smartsite/images/video/sticky_bg.png) no-repeat 0 0
}

.sticky.st-video .block-msg .bd,
.sticky.st-picture .block-msg .bd {
    margin-left: 60px
}

.sticky.st-picture {
    background-position: 0 -150px
}

.sticky.st-msg .ico {
    margin-right: 5px
}

.sticky.st-msg .ico.i-folder-open {
    background-position: -171px -171px
}

.sticky.st-msg .ico.i-video-play {
    background-position: -243px -267px
}

.sticky.st-msg .ico.i-pic-edit {
    background-position: -219px -267px
}

.sticky.st-msg .ico.i-video-police {
    background-position: -171px -291px
}

.sticky.st-msg .ico.i-prev {
    background-position: -99px -315px
}

.sticky.st-msg a:active .i-prev {
    background-position: -99px -339px
}

.sticky.st-msg a.disabled .i-prev {
    background-position: -99px -363px
}

.sticky.st-msg .ico.i-next {
    background-position: -123px -315px
}

.sticky.st-msg a:active .i-next {
    background-position: -123px -339px
}

.sticky.st-msg a.disabled .i-next {
    background-position: -123px -363px
}

.dualBoxes {
    padding: 22px 16px;
    position: relative
}

.dialog .dualBoxes {
    height: 100%;
    box-sizing: border-box
}

.dualBtn {
    padding: 0 8px;
    line-height: 24px;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #d5d5d5;
    color: #525252;
    margin-left: -1px;
    height: 26px
}

.leftBox,
.rightBox {
    width: 40%;
    position: relative
}

.dialog .leftBox,
.dialog .rightBox {
    height: 100%;
    overflow: auto
}

.leftBox {
    float: left
}

.rightBox {
    float: right
}

.fltr {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 12px
}

.boxFilter {
    margin-bottom: 15px
}

.dualControl {
    text-align: left;
    width: 90px;
    margin: 150px 1px;
    position: absolute;
    left: 50%;
    margin-left: -45px
}

.countLabel {
    color: gray;
    margin-top: 10px;
    display: block
}

.countLabel em {
    color: #333;
    font-style: normal;
    padding: 0 5px
}

.storageBox {
    display: none
}

.copiedOption {
    background-color: Yellow
}

input.boxFilter[type="text"],
.dualBoxes .boxFilter {
    background: white;
    height: 26px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 5px
}

.compareBoxes .leftBox,
.compareBoxes .rightBox {
    width: 40%
}

.compareLines {
    text-align: center;
    width: 20%;
    margin: 0;
    position: absolute;
    left: 40%
}

.compareLines ul {
    margin: 50px 4px 0
}

.compareLines li {
    height: 29px;
    background: url(/img/smartsite/images/wavyline.png) repeat-x 0 0
}

.compareLines li.distinct {
    background-position: 0 -30px
}

.compareLines .rightArrow li {
    background-position: 100% 0
}

.compareLines .rightArrow li.distinct {
    background-position: 100% -30px
}

.compareBoxes tr.distinct td {
    color: #ff2f2f
}

.on_off {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 18px;
    overflow: hidden;
    vertical-align: middle
}

.ibutton-container {
    vertical-align: 3px;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 16px;
    cursor: pointer;
    overflow: hidden;
    max-width: 400px;
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -moz-user-focus: ignore;
    -moz-user-input: disabled;
    width: 30px
}

.ibutton-container input {
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: 0;
    opacity: 0;
    -moz-user-input: enabled !important
}



div.ibutton-label-on,
div.ibutton-label-off {
    white-space: nowrap;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: inherit;
    display: block;
    height: 16px;
    position: absolute;
    width: auto;
    top: 0;
    overflow: hidden;
    text-align: center;
    background: transparent url(/img/smartsite/images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 0 0
}

div.ibutton-label-on span label,
div.ibutton-label-off span label {
    cursor: pointer
}

div.ibutton-label-on {
    color: #fff;
    text-shadow: 0 1px gray;
    left: 0;
    z-index: 1
}

div.ibutton-label-on span {
    padding-left: 0
}

div.ibutton-label-off {
    color: #fff;
    background-position: 100% 0;
    text-shadow: 0 1px gray;
    text-align: right;
    right: 0;
    left: 8px
}

div.ibutton-label-off span label {
    padding-right: 10px;
    margin-left: -2px
}

.ibutton-padding-left {
    left: 0
}

.ibutton-padding-right {
    right: 0
}

.ibutton-disabled {
    cursor: not-allowed !important;
    opacity: .6
}

.on_off1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 28px;
    overflow: hidden;
    vertical-align: middle
}

.ibutton-container1 {
    vertical-align: 3px;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 26px;
    cursor: pointer;
    overflow: hidden;
    max-width: 400px;
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -moz-user-focus: ignore;
    -moz-user-input: disabled;
    width: 35px
}

.ibutton-container1 input {
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: 0;
    opacity: 0;
    -moz-user-input: enabled !important
}

.ibutton-handle1 {
    display: block;
    height: 25px;
    cursor: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: transparent url(/img/smartsite/images/elements/checkboxes/ibutton-slider-default2.png) no-repeat scroll 0 -26px;
    z-index: 3;
    width: 35px
}

.ibutton-handle-right1 {
    height: 100%;
    width: 100%;
    background: transparent url(/img/smartsite/images/elements/checkboxes/ibutton-slider-default2.png) no-repeat scroll 100% -26px;
    z-index: 3
}

.ibutton-handle-middle1 {
    height: 100%;
    width: 100%;
    background: transparent url(/img/smartsite/images/elements/checkboxes/ibutton-slider-default2.png) no-repeat scroll 50% -26px;
    z-index: 3
}

div.ibutton-label-on1,
div.ibutton-label-off1 {
    white-space: nowrap;
    font-size: 12px;
    line-height: 26px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: inherit;
    display: block;
    height: 25px;
    position: absolute;
    width: auto;
    top: 0;
    overflow: hidden;
    text-align: center;
    background: transparent url(../images/elements/checkboxes/ibutton-slider-default2.png) no-repeat scroll 0 0
}

div.ibutton-label-on1 span label,
div.ibutton-label-off1 span label {
    cursor: pointer
}

div.ibutton-label-on1 {
    color: #fff;
    text-shadow: 0 1px gray;
    left: 0;
    z-index: 1
}

div.ibutton-label-on1 span {
    padding-left: 0
}

div.ibutton-label-off1 {
    color: #fff;
    background-position: 100% 0;
    text-shadow: 0 1px gray;
    text-align: right;
    right: 0;
    left: 8px
}

div.ibutton-label-off1 span label {
    padding-right: 10px;
    margin-left: -2px
}

.ibutton-padding-left {
    left: 0
}

.ibutton-padding-right {
    right: 0
}

.ibutton-disabled {
    cursor: not-allowed !important;
    opacity: .6
}

.tipsy {
    font-size: 12px;
    position: absolute;
    z-index: 2000
}

.tipsy-wrapper {
    padding: 0 0 4px;
    position: relative
}

.tipsy-w .tipsy-wrapper {
    padding: 0 0 0 4px
}

.tipsy-e .tipsy-wrapper {
    padding: 0 4px 0 0
}

.tipsy-n .tipsy-wrapper {
    padding: 4px 0 0
}

.tipsy-inner {
    padding: 2px 10px 2px 10px;
    border: 1px solid #000;
    background-color: #ffffe1;
    color: #000;
    max-width: 200px;
    text-align: center
}

.tipsy-inner {
    border-radius: 2px
}

.tipsy-arrow {
    position: absolute;
    width: 9px;
    height: 5px;
    display: none
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left
}

.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right
}

.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px
}


.select2-container {
    font-size: 14px;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top
}

.select2-container {
    margin-bottom: 10px
}

.widget-footer .select2-container,
.action-table .btn-toolbar .select2-container {
    margin-bottom: 0;
    margin-right: 5px
}

.widget-footer .pull-right .select2-container,
.action-table .btn-toolbar.pull-right .select2-container {
    margin-right: 0
}

.form-search .select2-container,
.form-inline .select2-container,
.form-horizontal .select2-container {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    vertical-align: middle;
    *zoom: 1
}

.select2-container[class*="span"] {
    float: none;
    margin-left: 0;
    min-height: 1px
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box
}

.select2-container .select2-choice {
    background-color: #fff;
    border: 1px solid;
    border-color: #a8abba #a8abba #c5c7d2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 8px;
    color: #555;
    text-decoration: none
}

.form-dark .select2-container .select2-choice {
    background-color: rgba(0, 0, 0, 0.1)
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.select2-container .select2-choice span {
    margin-right: 28px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.select2-container .select2-choice abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 8px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url('../images/elements/select2/select2.png') right top no-repeat;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    outline: 0
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer
}

.select2-drop {
    background: #fff;
    color: #000;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top: 0;
    position: absolute;
    top: 100%;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    z-index: 9999;
    width: 100%;
    margin-top: -1px
}

.select2-drop.select2-drop-above {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    margin-top: 1px;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    border-bottom: 0;
    -webkit-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1)
}

.select2-container .select2-choice div {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: 0;
    border-left: 1px solid #aaa;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: transparent;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 28px
}

.select2-container .select2-choice div b {
    background: url('../images/elements/select2/select2.png') no-repeat 0 1px;
    display: block;
    width: 100%;
    height: 100%
}

.select2-search {
    display: inline-block;
    white-space: nowrap;
    z-index: 10000;
    min-height: 28px;
    width: 100%;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px
}

.select2-search-hidden {
    display: block;
    position: absolute;
    left: -10000px
}

.select2-search input {
    background: #fff url('../images/elements/select2/select2.png') no-repeat 100% -28px;
    background: url('../images/elements/select2/select2.png') no-repeat 100% -28px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eee));
    background: url('../images/elements/select2/select2.png') no-repeat 100% -28px, -webkit-linear-gradient(center bottom, white 85%, #eee 99%);
    background: url('../images/elements/select2/select2.png') no-repeat 100% -28px, -moz-linear-gradient(center bottom, white 85%, #eee 99%);
    background: url('../images/elements/select2/select2.png') no-repeat 100% -28px, -o-linear-gradient(bottom, white 85%, #eee 99%);
    background: url('../images/elements/select2/select2.png') no-repeat 100% -28px, -ms-linear-gradient(top, #fff 85%, #eee 99%);
    background: url('../images/elements/select2/select2.png') no-repeat 100% -28px, linear-gradient(top, #fff 85%, #eee 99%);
    padding: 4px 20px 4px 5px;
    outline: 0;
    border: 1px solid #aaa;
    font-family: sans-serif;
    font-size: 1em;
    width: 100%;
    margin: 0;
    height: auto !important;
    min-height: 26px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px
}

.select2-search input.select2-active {
    background: #fff url('spinner.gif') no-repeat 100%;
    background: url('spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eee));
    background: url('spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eee 99%);
    background: url('spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eee 99%);
    background: url('spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eee 99%);
    background: url('spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #fff 85%, #eee 99%);
    background: url('spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%)
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.2);
    outline: 0
}

.form-dark .select2-dropdown-open .select2-choice,
.select2-dropdown-open .select2-choice {
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: transparent;
    background-color: #fff;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-dropdown-open .select2-choice div {
    background: transparent;
    border-left: 0
}

.select2-dropdown-open .select2-choice div b {
    background-position: -18px 1px
}

.select2-results {
    margin: 4px 4px 4px 0;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
    height: 180px
}

.select2-results ul.select2-result-sub {
    margin: 0
}

.select2-results ul.select2-result-sub>li .select2-result-label {
    padding-left: 20px
}

.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 40px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 60px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 80px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 100px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 110px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 120px
}

.select2-results li {
    list-style: none;
    display: list-item
}

.select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: bold
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff
}

.select2-results li em {
    background: #feffde;
    font-style: normal
}

.select2-results .select2-highlighted em {
    background: transparent
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item
}

.select2-results .select2-disabled {
    display: none
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('spinner.gif') no-repeat 100%
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f1f1f1;
    background-image: none;
    border: 1px solid #d1d1d1;
    cursor: not-allowed;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset
}

.select2-container.select2-container-disabled .select2-choice div {
    background-color: transparent;
    background-image: none;
    border-left: 0;
    box-shadow: none
}

.select2-container.select2-container-disabled .select2-choice div b {
    opacity: .25
}

.select2-container-multi .select2-choices {
    background-color: #fff;
    border: 1px solid;
    border-color: #a8abba #a8abba #c5c7d2;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto;
    width: 416px;
    position: relative
}

.select2-container-multi .select2-choices {
    min-height: 24px;
    line-height: 24px
}

.form-dark .select2-container-multi .select2-choices {
    background-color: rgba(0, 0, 0, 0.1)
}

.select2-drop.select2-drop-multi {
    margin-top: 0
}

.select2-container-multi.select2-dropdown-open .select2-choices {
    background-color: #fff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}

.select2-container-multi.select2-container-active .select2-choices {
    border-color: rgba(0, 0, 0, 0.2);
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none
}

.select2-container-multi .select2-choices .select2-search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0;
    height: 24px
}

.select2-container-multi .select2-choices .select2-search-field input {
    color: #666;
    background: transparent !important;
    border: none !important;
    font-family: sans-serif;
    font-size: 100%;
    height: 20px !important;
    padding: 2px 5px;
    margin: 0;
    outline: 0;
    border: 0;
    box-shadow: none !important;
    vertical-align: 3px
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('../images/elements/ui/spinner.png') no-repeat 100% !important
}

.select2-default {
    color: #999 !important
}

.select2-container-multi .select2-choices .select2-search-choice {
    border-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    *border: 0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #a2a2a2;
    color: #333;
    font-size: 13px;
    border: 1px solid #a8abba;
    line-height: 14px;
    padding: 2px 5px 2px 18px;
    margin: 2px 0 3px 2px;
    position: relative;
    cursor: default
}

.input-prepend .select2-choices {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.input-prepend .select2-drop-above .select2-choices {
    -webkit-border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0
}

.input-append .select2-choices {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.input-append .select2-drop-above .select2-choices {
    -webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px
}

.select2-container-multi .select2-choices .select2-search-choice span {
    cursor: default
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4
}

.select2-search-choice-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url('../images/elements/select2/select2.png') right top no-repeat;
    outline: 0
}

.select2-container-multi .select2-search-choice-close {
    left: 3px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    background-image: none;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    padding: 3px 5px 3px 5px
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-result-selectable .select2-match {
    text-decoration: underline
}

.select2-result-unselectable .select2-match {
    text-decoration: none
}

.select2-offscreen {
    position: absolute;
    left: -10000px
}

.control-group.warning .select2-container .select2-choice,
.control-group.warning .select2-container-multi .select2-choices {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.warning .select2-container-active .select2-choice,
.control-group.warning .select2-container-multi .select2-choices {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e
}

.control-group.error .select2-container .select2-choice,
.control-group.error .select2-container-multi .select2-choices {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.error .select2-container-active .select2-choice,
.control-group.error .select2-container-multi-active .select2-choices {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392
}

.control-group.success .select2-container .select2-choice,
.control-group.success .select2-container-multi-active .select2-choices {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.success .select2-container-active .select2-choice,
.control-group.success .select2-container-multi-active .select2-choices {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b
}

.control-group.info .select2-container .select2-choice,
.control-group.info .select2-container-multi-active .select2-choices {
    border-color: #3a87ad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.info .select2-container-active .select2-choice,
.control-group.info .select2-container-multi-active .select2-choices {
    border-color: #2d6987;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {

    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice div b {
        background-image: url(../images/elements/select2/select2x2.png) !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important
    }

    .select2-search input {
        background-position: 100% -21px !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {

    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('../images/elements/fancybox/fancybox_sprite@2x.png');
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url('../images/elements/fancybox/fancybox_loading@2x.gif');
        background-size: 24px 24px
    }
}

html {
    height: 100%
}

body {
    font: 12px/1.5 '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', tahoma, sans-serif;
    background: #fff;
    color: #333;
    width: 100%;
    height: 100%
}

.page {
    overflow: auto;
    height: auto;
    min-height: 100%
}

.page>.wrapper {
    width: 100%;
    height: 100%
}

.page.withFixed>.wrapper {
    padding: 32px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: auto
}

.page.withBreadline>.wrapper {
    padding: 60px 0 32px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: auto
}

.page.withBreadline .breadLine {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001
}

.page .wrapper>.breadLine {
    display: none
}

.page.withBreadline .btn-toolbar {
    top: 29px
}

.page.withPageFixed>.wrapper {
    padding-bottom: 32px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: auto
}

.page.withToolbarFixed>.wrapper {
    padding-top: 32px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: auto
}

.page.withTabFixed>.wrapper {
    padding-top: 36px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: auto
}

.noScroll {
    overflow: hidden !important
}

.page.withFixed .wrapper,
.page.withPageFixed .wrapper,
.page.withToolbarFixed .wrapper,
.page.withTabFixed .wrapper {
    display: table
}

.page.withFixed .wrapper .wrapper,
.page.withPageFixed .wrapper .wrapper,
.page.withToolbarFixed .wrapper .wrapper,
.page.withTabFixed .wrapper .wrapper {
    display: block
}

.clear {
    clear: both
}

.clearfix {
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.mfix {
    margin: 0 2px !important
}

.hidden {
    overflow: hidden
}

.relative {
    position: relative
}

p {
    padding: 5px 0
}

.font-alphabet {
    font-family: Arial, Helvetica, Verdana, AppleGothic, sans-serif
}

.noBorderB {
    border-bottom: none !important
}

.nobg {
    background: none !important
}

.nomargin {
    margin: 0 !important
}

.nopadding {
    padding: 0 !important
}

.noborder {
    border: none !important
}

.displayNone {
    display: none
}

.display {
    display: block !important
}

.radius3 {
    border-radius: 3px
}

.radius10 {
    border-radius: 10px
}

.inline {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.disabled {
    opacity: .6;
    cursor: default
}

.disabled .ico {
    opacity: .5;
    -webkit-filter: grayscale(100%)
}

.disabled ul {
    -webkit-filter: grayscale(100%)
}

.hand {
    cursor: pointer
}

.floatL {
    display: block;
    float: left
}

.floatR {
    display: block;
    float: right
}

.nowrap {
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.wrap {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all
}

.maxwidth {
    max-width: 200px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.maxwidth.small {
    max-width: 70px
}

.shadow {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: .4
}

#subFrame {
    height: auto
}

button,
input[type=submit],
input[type=image],
input[type=reset] {
    cursor: pointer
}

.tooltip {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    padding: 3px 8px;
    background: #3b3b3b;
    background: -moz-linear-gradient(top, #3b3b3b 0%, #1d1d1d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(100%, #1d1d1d));
    background: -webkit-linear-gradient(top, #3b3b3b 0%, #1d1d1d 100%);
    background: -o-linear-gradient(top, #3b3b3b 0%, #1d1d1d 100%);
    background: -ms-linear-gradient(top, #3b3b3b 0%, #1d1d1d 100%);
    background: linear-gradient(top, #3b3b3b 0%, #1d1d1d 100%)
}

h1 {
    font-size: 24px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 14px
}

.textRed {
    color: #e2252c
}

.textOrange {
    color: #F60
}

.textGreen {
    color: #4d7f12
}

.textBlue {
    color: #2f63af
}

.textGrey {
    color: #AAA
}

.textBlack {
    color: #333
}

a.linkGreen {
    color: #42921f !important
}

a.linkGreen:hover {
    color: #F60 !important
}

a.linkBlue {
    color: #2f63af !important
}

a.linkBlue:hover {
    color: #F60 !important
}

.mg0 {
    margin: 0 !important
}

.mg5 {
    margin: 5px !important
}

.mg10 {
    margin: 10px !important
}

.mg20 {
    margin: 20px !important
}

.mg30 {
    margin: 30px !important
}

.mg60 {
    margin: 60px !important
}

.mg100 {
    margin: 100px !important
}

.mt0 {
    margin-top: 0 !important
}

.mt5 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt100 {
    margin-top: 100px !important
}

.mr0 {
    margin-right: 0 !important
}

.mr5 {
    margin-right: 5px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr60 {
    margin-right: 60px !important
}

.mr100 {
    margin-right: 100px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.ml0 {
    margin-left: 0 !important
}

.ml5 {
    margin-left: 5px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml60 {
    margin-left: 60px !important
}

.ml100 {
    margin-left: 100px !important
}

.pd0 {
    padding: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.pd5 {
    padding: 5px
}

.pd10 {
    padding: 10px
}

.pd20 {
    padding: 20px
}

.pd30 {
    padding: 30px
}

.pd60 {
    padding: 60px
}

.pd100 {
    padding: 100px
}

.textL {
    text-align: left !important
}

.textC {
    text-align: center
}

.textR {
    text-align: right
}

.redBack,
.greenBack,
.greyBack,
.blueBack {
    padding: 5px 6px 4px 6px;
    border-radius: 2px;
    color: #fafafa
}

.redBack {
    background: #b75d5d
}

.greenBack {
    background: #7ab75d
}

.greyBack {
    background: #6a6a6a
}

.blueBack {
    background: #5d92b7
}

::-webkit-input-placeholder {
    color: #b3b3b3
}

:-moz-placeholder {
    color: #b3b3b3
}

input.placehoder {
    color: #666
}

textarea,
input[type="text"],
input[type="file"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
input.input-base {
    padding: 3px 5px;
    width: 188px;
    *width: 180px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #333;
    border: 1px solid #a2a2a2;
    vertical-align: middle
}

textarea,
input[type="text"],
input[type="file"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -ms-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

textarea:focus,
input[type="text"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    padding: 3px 5px;
    border-color: rgba(0, 153, 255, 0.8);
    border-color: #09f \9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 8px rgba(0, 153, 255, .6)
}

input[type="file"] {
    padding: 0;
    height: 24px;
    line-height: 18px;
    width: 300px
}

input[type="radio"],
input[type="checkbox"] {
    margin: 0 5px 0 0;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
    width: auto
}

input.input-mini,
textarea.input-mini {
    width: 60px
}

input.input-small,
textarea.input-small {
    width: 90px
}

input.input-medium,
textarea.input-medium {
    width: 150px
}

input.input-large,
textarea.input-large {
    width: 210px
}

input.input-xlarge,
textarea.input-xlarge {
    width: 270px
}

input.input-xxlarge,
textarea.input-xxlarge {
    width: 530px
}

input.input-wide,
textarea.input-wide,
input.input-wide:focus,
textarea.input-wide:focus {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-indent: 5px
}

textarea {
    height: auto;
    width: 400px
}

.controls select {
    width: 200px
}

.pagination select {
    min-width: 0
}

.placeholder {
    color: #999 !important
}

input.info,
textarea.info,
select.info {
    border-color: #09f !important
}

input.info:focus,
textarea.info:focus,
select.info:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 8px rgba(0, 153, 255, .6)
}

input.error,
textarea.error,
select.error {
    border-color: #da4236 !important
}

input.error:focus,
textarea.error:focus,
select.error:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 8px rgba(218, 66, 54, .6)
}

input.success,
textarea.success,
select.success {
    border-color: #2eb037 !important
}

input.success:focus,
textarea.success:focus,
select.success:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 8px rgba(46, 176, 55, .6)
}

input.darkblue,
textarea.darkblue,
select.darkblue {
    background-color: #e5f5ff !important;
    border-color: #09f !important
}

input.darkblue:focus,
textarea.darkblue:focus,
select.darkblue:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 8px rgba(0, 153, 255, .6)
}

input.darkgreen,
textarea.darkgreen,
select.darkgreen {
    background-color: #e3ffff !important;
    border-color: #099 !important
}

input.darkgreen:focus,
textarea.darkgreen:focus,
select.darkgreen:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 8px rgba(0, 153, 153, .6)
}

input.darkred,
textarea.darkred,
select.darkred {
    background-color: #fae3e0 !important;
    border-color: #da4236 !important
}

input.darkred:focus,
textarea.darkred:focus,
select.darkred:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 8px rgba(218, 66, 54, .6)
}

#tooltip.info,
#tooltip.error,
#tooltip.success,
label.info,
label.error,
label.success,
.state {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 10px;
    vertical-align: middle;
    line-height: 20px;
    float: none !important
}

#tooltip.info,
label.info {
    color: #09f !important
}

#tooltip.error,
label.error {
    color: #da4236 !important
}

#tooltip.success,
label.success {
    color: #2eb037 !important
}

#tooltip.tip,
label.tip {
    padding: 0 10px;
    background: #f8f8f8;
    border: 1px solid #CCC;
    color: #FFF;
    border-radius: 4px;
    font-size: 12px
}

#tooltip.tip .arrow,
label.tip .arrow,
#tooltip.tip .arrow b,
label.tip .arrow b {
    position: absolute;
    left: 20px;
    bottom: -10px;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #CCC transparent transparent
}

#tooltip.bottomTip .arrow {
    top: -11px
}

#tooltip.tip .arrow b,
label.tip .arrow b {
    left: -5px;
    top: -6px;
    bottom: auto;
    border-color: #f8f8f8 transparent transparent
}

#tooltip.bottomTip .arrow,
#tooltip.bottomTip .arrow b {
    position: absolute;
    left: 20px;
    bottom: -10px;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #CCC transparent
}

#tooltip.bottomTip .arrow b {
    top: -4px
}

#tooltip.bottomTip .arrow b,
label.tip .arrow b {
    left: -5px;
    top: -4px;
    bottom: auto;
    border-color: transparent transparent #f8f8f8 transparent
}


.ui-dialog .treeview {
    height: 200px;
    border: 1px solid #ccccc4;
    background: #fff
}

.treeview.uneditable {
    border: 1px solid #efefef;
    background: #f7f7f7;
    height: 400px;
    overflow: hidden
}

.treeview.editable {
    padding: 26px 0 0;
    border: 1px solid #efefef;
    background: #f7f7f7;
    height: 400px;
    overflow: hidden
}

.treeview.editable .btn-toolbar {
    position: absolute;
    top: 0;
    z-index: 1;
    padding: 0;
    background: #dfe1d9
}

.treeview.editable .btn-toolbar .buttonS {
    margin: 2px 0 2px 5px;
    padding: 0 5px
}

.treeview.editable .ztree {
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: auto
}

ul.ztree li a.disabledNode {
    text-decoration: none
}

ul.ztree li a.disabledNode.curSelectedNode {
    background: #ffe6b0
}

.paper {
    margin: 20px;
    background: #fff
}

.paper .paper-hd,
.paper .paper-hd span,
.paper .paper-ft,
.paper .paper-ft span {
    background: url(../images/paper.png) no-repeat 0 0;
    display: block;
    height: 36px
}

.paper .paper-inner {
    padding: 0 0 0 30px;
    background: url(../images/paper_left.png) repeat-y 0 0
}

.paper .paper-content {
    padding: 0 30px 0 0;
    background: url(../images/paper_right.png) repeat-y 100% 0
}

.paper .paper-hd,
.paper .paper-ft {
    background-repeat: repeat-x
}

.paper .paper-hd {
    background-position: 0 -36px
}

.paper .paper-hd span {
    background-position: 0 0
}

.paper .paper-hd span span {
    background-position: 100% -72px
}

.paper .paper-ft {
    background-position: 0 -148px
}

.paper .paper-ft,
.paper .paper-ft span {
    height: 40px
}

.paper .paper-ft span {
    background-position: 0 -108px
}

.paper .paper-ft span span {
    background-position: 100% -188px
}

.pageHead {
    margin-bottom: 20px;
    background: url(../images/page_head.png) repeat-x center bottom;
    text-align: center;
    height: 92px
}

.pageHead h2 {
    padding: 10px 0;
    color: #333
}

.pageHead .description span {
    margin-right: 50px
}

.pageTitle {
    padding: 10px 20px 0;
    color: #333;
    display: none
}

.pageTitle.display {
    display: block !important
}

.pageTitle h3 {
    display: inline;
    font-size: 18px
}

.pageTitle h3 span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.pageTitle .action,
.pageTitle>span {
    margin-left: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.pageTitle a {
    color: #3063b0
}

.pageTitle a:hover {
    color: #f60
}

.pageContent {
    padding: 10px 20px
}

.pageContent .formRow {
    border: 0
}

.paper .pageTitle {
    margin: 10px 0 0 30px;
    padding: 0 10px;
    display: inline-block !important;
    *display: inline !important;
    *zoom: 1 !important;
    background: #fff
}

.paper .pageContent {
    margin-top: -14px;
    padding-top: 24px;
    border-top: 1px solid #d3d3d3
}

fieldset {
    margin: 15px 0 !important;
    border-top: 1px solid #d3d3d3;
    min-width: 0
}

.accordion fieldset {
    padding: 0
}

fieldset.noLegend {
    margin: 0 !important;
    border: 0
}

fieldset.noLegend legend {
    display: none
}

fieldset.noLegend .fluid {
    padding: 0
}

fieldset.blueLegend {
    border: 0;
    margin-top: 0 !important
}

fieldset.blueLegend legend {
    top: -36px;
    margin: 0;
    padding: 8px 0;
    display: block;
    width: 100%;
    line-height: 20px;
    text-align: left;
    text-indent: 15px;
    background: #95c2f3;
    font-size: 13px;
    *margin: 8px -7px
}

fieldset.blueLegend legend span {
    margin-left: 20px;
    color: #333
}

fieldset legend {
    margin-left: 30px;
    padding: 5px 10px;
    border: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap
}

fieldset legend .action {
    margin-left: 20px;
    font-size: 12px;
    font-weight: normal
}

fieldset legend .action a {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.action .ico {
    margin-right: 5px
}

.action .i-edit {
    background-position: -27px -244px
}

.ui-dialog fieldset {
    margin: 0 !important
}

.ui-dialog fieldset legend {
    position: static;
    top: auto;
    left: auto;
    min-width: inherit;
    text-align: left;
    background: #fff;
    margin-left: 0;
    padding: 0 10px 0 0;
    color: #333
}

fieldset .tab-container {
    margin-top: 10px
}

.complete {
    margin: 20px;
    padding: 10px
}

.complete.ok {
    background: #ecffe3;
    border: 1px solid #cee3c2
}

.complete.error {
    background: #ffeae9;
    border: 1px solid #ffcbc8
}

.continue {
    margin: 20px 68px
}

.continue ul {
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px dashed #ccc
}

.complete.ok .continue ul {
    border-top: 1px dashed #cee3c2
}

.complete.error .continue ul {
    border-top: 1px dashed #ffcbc8
}

.continue li {
    margin: 15px 0;
    padding: 0;
    line-height: 22px
}

.complete.ok .continue li {
    background-position: -276px -80px
}

.complete.error .continue li {
    background-position: -276px -110px
}

.continue a {
    color: #0078ff
}

.continue a span.i-continue {
    margin-right: 5px
}

.continue a:hover,
.complete.ok .continue a:hover,
.complete.error .continue a:hover {
    color: #f60
}

.complete.ok .continue a {
    color: #5a8d4a
}

.complete.error .continue a {
    color: #a2433f
}

.sticky-queue .continue {
    margin: 0 10px 10px
}

.statistics {
    padding: 5px 10px
}

.statistics span {
    margin-right: 20px
}

.statistics span em {
    font-style: normal;
    color: #20559e;
    text-decoration: underline
}

.statistics span.active em {
    color: #478b0b
}

.chart {
    position: relative;
    margin: 0 auto;
    padding: 30px 20px 20px;
    max-width: 500px;
    border: 1px solid #d9dadd
}

.legendLabel,
.tickLabel {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.legendLabel {
    padding-left: 5px
}

.flotlegend {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 95px
}

.pie-chart-label {
    color: #333
}

.schedule {
    position: relative
}

.schedule .schedule-action {
    position: absolute;
    top: 0;
    left: 10px
}

.schedule .schedule-date {
    padding: 28px 10px 0;
    float: left;
    width: 200px;
    font-size: 14px;
    font-weight: bold
}

.schedule .schedule-swf {
    margin: 0 20px 0 220px;
    min-height: 65px
}

.accordion dl {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.accordion dl dt {
    position: relative;
    padding: 10px;
    cursor: pointer
}

.accordion dl dt h6 {
    padding-left: 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 18px;
    color: #333
}

.accordion dl dt .more {
    position: absolute;
    top: 8px;
    left: 10px;
    _left: 0;
    overflow: hidden
}

.accordion dl dt .more a span.ico {
    width: 22px;
    height: 22px
}

.accordion dl dt .more a span.i-down {
    background-position: -265px -74px
}

.accordion dl.open dt .more a span.i-down {
    background-position: -289px -74px
}

.accordion dl dd {
    padding: 0 30px 10px;
    height: 0;
    overflow: hidden
}

.accordion-champagne dl {
    border: 1px solid #e7ecc1;
    border-left: 4px solid #c3da0f
}

.accordion-champagne dl.open {
    border-left: 4px solid #7b881b
}

.accordion-champagne dl dt h6 {
    margin-left: 0
}

.accordion-champagne dl dt .more {
    right: 20px;
    left: auto
}

.accordion-champagne dl dt .more a span.i-down {
    background-position: -265px -48px
}

.accordion-champagne dl.open dt .more a span.i-down {
    background-position: -289px -48px
}

.accordion-blue dl {
    margin: 0 0 10px
}

.accordion-blue dl dt {
    position: relative;
    padding: 0 0 0 75px;
    height: 30px;
    line-height: 30px;
    background: #345894 url(../images/accordion_status.png) no-repeat 0 0
}

.accordion-blue dl dt h6 {
    float: left;
    min-width: 100px;
    font-size: 12px;
    line-height: 30px;
    color: #fff
}

.accordion-blue dl dt .more {
    top: auto;
    right: auto;
    left: 75px;
    top: 5px;
    bottom: auto;
    width: 20px;
    height: 20px;
    display: block;
    line-height: 20px
}

.accordion-blue dl dt .more a span.i-down {
    background-position: -266px -98px;
    width: 20px;
    height: 20px
}

.accordion-blue dl dt .action {
    color: #7296d4
}

.accordion-blue dl dt .order {
    position: absolute;
    left: 0;
    width: 50px;
    text-align: center;
    color: #FFF;
    font-weight: bold
}

.accordion-blue dl dt .sort {
    position: absolute;
    right: 30px
}

.accordion-blue dl.open dt .more a span.i-down {
    background-position: -290px -98px
}

.accordion-blue dl.disabled {
    opacity: 1
}

.accordion-blue dl.disabled dt {
    background-color: #345894;
    background-position: 0 -40px
}

.accordion-blue dl dd ul li {
    border-top: 1px solid #9e9e9e
}

.accordion-blue dl dd ul li h6 {
    font-size: 12px;
    color: #333;
    line-height: 28px
}

.accordion-blue dl dd ul li p {
    padding-top: 0;
    line-height: 20px
}

.accordion-blue.simple dl dt {
    background: #345894 url(../images/accordion_blue.png) no-repeat 0 0
}

.accordion-blue.simple dl dt:hover {
    background-color: #3f69b3;
    background-position: 0 -80px
}

.accordion-blue.simple dl.disabled dt:hover {
    background-color: #3f69b3;
    background-position: 0 -120px
}

.accordion-simple {
    padding: 10px
}

.accordion-simple dl dt {
    padding: 3px
}

.accordion-simple dl dt h6 {
    padding-left: 20px;
    font-size: 12px;
    font-weight: normal
}

.accordion-simple dl dt .more {
    left: 0;
    top: 2px
}

.accordion-simple dl dt .more a span.i-down {
    background-position: -196px -292px;
    width: 16px;
    height: 16px
}

.accordion-simple dl.open dt .more a span.i-down {
    background-position: -220px -292px
}

.accordion-simple dl dd {
    padding: 0 0 10px 30px
}

.accordion-simple dl dd li a,
.accordion-simple dl dd li a b,
.accordion-simple dl dd li a span {
    display: block;
    font-weight: normal;
    color: #333
}

.accordion-simple dl dd li a {
    margin-bottom: 2px;
    padding: 3px 10px;
    background: #f2f2f2
}

.accordion-simple dl dd li a span {
    color: #999
}

.accordion-simple dl dd li a.active,
.accordion-simple dl dd li a:hover {
    background: #195dbc;
    color: #FFF
}

.accordion-simple dl dd li a.active b,
.accordion-simple dl dd li a:hover b,
.accordion-simple dl dd li a.active span,
.accordion-simple dl dd li a:hover span {
    color: #FFF
}

.dashboard {
    padding: 25px 40px !important
}


.dashboard ul.quickLinks>li {
    margin: 0;
    padding: 10px;
    background: 0
}

.dashboard ul.quickLinks>li img {
    margin-right: 10px;
    vertical-align: -6px
}

.dashboard .dash-panel {
    margin-right: 310px
}

.dashboard .guide-panel {
    float: left;
    width: 250px
}

.dashboard .chart-panel {
    margin-left: 260px;
    margin-bottom: 30px;
    max-width: 580px
}

.dashboard .general-panel {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px 10px;
    border: 0;
    width: 266px;
    min-height: 360px;
    background: #e1ddd2;
    background: -moz-linear-gradient(top, #e1ddd2 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e1ddd2), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #e1ddd2 0%, #fff 100%);
    background: -o-linear-gradient(top, #e1ddd2 0%, #fff 100%);
    background: -ms-linear-gradient(top, #e1ddd2 0%, #fff 100%);
    background: linear-gradient(top, #e1ddd2 0%, #fff 100%)
}

.dashboard .general-panel ul>li {
    min-height: 0
}

.browser {
    *zoom: 1
}

.browser:before,
.browser:after {
    display: table;
    content: ""
}

.browser:after {
    clear: both
}

.browser {
    border: 1px solid #c7c7c7
}

.browser h3 {
    padding: 5px 0;
    background: #e4e4de;
    border-bottom: 1px solid #c7c7c7;
    font-size: 12px;
    text-indent: 30px;
    text-align: left
}

.browser .main-wrap {
    border-color: #4682dc;
    background: #fff;
    min-height: 440px;
    height: auto !important;
    height: 400px
}

.browser .main-wrap .jstree-container {
    padding: 0;
    border-width: 0 0 1px 0
}

.browser .main-wrap .datatable {
    border-width: 0 0 1px 0
}

.browser .grid-s6m0 .main-wrap {
    margin-left: 180px
}

.browser .grid-s6m0 .col-sub {
    width: 181px;
    position: relative;
    overflow: hidden;
    overflow-y: auto
}

.browser .grid-s6m0 .col-sub h3 {
    position: absolute;
    z-index: 2;
    width: 100%;
    padding: 6px 0 5px;
    background: #959fb1;
    color: #333;
    border-bottom: 1px solid #7d8aa2
}

.browser .grid-s6m0 .col-sub .scrollable {
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    z-index: 2;
    padding-right: 1px
}

.folder li a {
    position: relative;
    display: block;
    padding: 5px 15px;
    color: #333;
    line-height: 16px;
    border-bottom: 1px solid #e4e4e4;
    zoom: 1;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
    background: linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%)
}

.folder li a span {
    width: 115px;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    zoom: 1;
    word-wrap: break-word;
    word-break: break-all
}

.folder li a span.ico {
    margin-right: 5px;
    width: 16px
}

.folder li a i {
    display: none;
    overflow: hidden;
    width: 0;
    height: 0;
    border-width: 8px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    _border-color: #4179c6 #fff #4179c6 #4179c6
}

.folder li a:hover,
.folder li.active a {
    color: #fff;
    background: #4179c6;
    background: -moz-linear-gradient(top, #4179c6 0%, #1f52ae 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4179c6), color-stop(100%, #1f52ae));
    background: -webkit-linear-gradient(top, #4179c6 0%, #1f52ae 100%);
    background: -o-linear-gradient(top, #4179c6 0%, #1f52ae 100%);
    background: -ms-linear-gradient(top, #4179c6 0%, #1f52ae 100%);
    background: linear-gradient(top, #4179c6 0%, #1f52ae 100%)
}

.folder li.active a i {
    position: absolute;
    z-index: 1;
    right: -1px;
    top: 50%;
    margin-top: -8px;
    display: block
}

.folder li.missed a span {
    color: #c00 !important;
    text-decoration: line-through !important
}

.browser-grey {
    border: 0;
    background: #ccc
}

.browser-grey .grid-s6m0 .col-main .main-wrap {
    border: 1px solid #6f89b8
}

.browser-grey .grid-s6m0 .col-sub h3 {
    padding: 6px 0 5px;
    background: #959fb1;
    color: #333;
    border-bottom: 1px solid #7d8aa2
}

.browser-grey .folder {
    margin-right: -1px;
    padding: 5px 0 5px 10px;
    position: relative;
    z-index: 2
}

.browser-grey .folder li a {
    display: block;
    padding: 10px 15px;
    background: 0;
    border: 0
}

.browser-grey .folder li a:hover {
    margin-right: 1px;
    background: #efefef;
    color: #333
}

.browser-grey .folder li.active a {
    margin: 0;
    padding: 9px 15px 9px 14px;
    border: 1px solid #6f89b8;
    border-right: 0;
    background: #fff;
    color: #333;
    font-weight: bold
}

.rows .row {
    padding: 5px 0
}

.rows .row,
.rows .rowhead {
    *zoom: 1
}

.rows .row:before,
.rows .row:after,
.rows .rowhead:before,
.rows .rowhead:after {
    display: table;
    content: ""
}

.rows .row:after,
.rows .rowhead:after {
    clear: both
}

.col {
    float: left;
    display: block;
    width: 100%;
    text-indent: 30px;
    text-align: left
}

.rows .row:nth-child(odd) {
    background-color: #f4f4ec
}

.rows .even {
    background-color: #f4f4ec
}

.rows .rowtitle {
    position: relative
}

.rows .rowtitle h3 {
    margin-right: 30px;
    background: #fff;
    border: 0;
    text-indent: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.rows .rowtitle span a {
    color: #3063b0
}

.rows .rowtitle span a:hover {
    color: #f60
}

.rows .rowtitle .more {
    position: absolute;
    top: 2px;
    right: 2px
}

.rows .rowtitle .filter-more {
    right: 2px
}

.rows .rowhead {
    background: #e4e4de;
    border-bottom: 1px solid #c7c7c7
}

.rows .rowhead h3 {
    padding: 5px 0;
    font-size: 12px;
    text-indent: 30px;
    text-align: left
}

.cols2 .col,
.cols2 .rowhead h3 {
    width: 50%;
    text-indent: 0;
    text-align: center
}

.cols3 .col,
.cols3 .rowhead h3 {
    width: 33.333333%;
    text-indent: 0;
    text-align: center
}

.cols4 .col,
.cols4 .rowhead h3 {
    width: 25%;
    text-indent: 0;
    text-align: center
}

.cols5 .col,
.cols5 .rowhead h3 {
    width: 20%;
    text-indent: 0;
    text-align: center
}

.cols6 .col,
.cols6 .rowhead h3 {
    width: 16.666666%;
    text-indent: 0;
    text-align: center
}

.cols7 .col,
.cols7 .rowhead h3 {
    width: 14.285714%;
    text-indent: 0;
    text-align: center
}

.cols8 .col,
.cols8 .rowhead h3 {
    width: 12.5%;
    text-indent: 0;
    text-align: center
}

.cols9 .col,
.cols9 .rowhead h3 {
    width: 11.111111%;
    text-indent: 0;
    text-align: center
}

.cols10 .col,
.cols10 .rowhead h3 {
    width: 10%;
    text-indent: 0;
    text-align: center
}

.cols11 .col,
.cols11 .rowhead h3 {
    width: 9.090909%;
    text-indent: 0;
    text-align: center
}

.cols12 .col,
.cols12 .rowhead h3 {
    width: 8.333333%;
    text-indent: 0;
    text-align: center
}

.cols13 .col,
.cols13 .rowhead h3 {
    width: 7.692307%;
    text-indent: 0;
    text-align: center
}

.cols14 .col,
.cols14 .rowhead h3 {
    width: 7.142857%;
    text-indent: 0;
    text-align: center
}

.cols15 .col,
.cols15 .rowhead h3 {
    width: 6.666666%;
    text-indent: 0;
    text-align: center
}

.cols16 .col,
.cols16 .rowhead h3 {
    width: 6.25%;
    text-indent: 0;
    text-align: center
}

.cols17 .col,
.cols17 .rowhead h3 {
    width: 5.882352%;
    text-indent: 0;
    text-align: center
}

.cols18 .col,
.cols18 .rowhead h3 {
    width: 5.555555%;
    text-indent: 0;
    text-align: center
}

.cols19 .col,
.cols19 .rowhead h3 {
    width: 5.263157%;
    text-indent: 0;
    text-align: center
}

.cols20 .col,
.cols20 .rowhead h3 {
    width: 5%;
    text-indent: 0;
    text-align: center
}

.rows .gridtree .col {
    width: auto;
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-indent: 0
}

.rows .gridtree .col.first {
    text-align: left
}

.rows .extra-row {
    *zoom: 1
}

.rows .extra-row:before,
.rows .extra-row:after {
    display: table;
    content: ""
}

.rows .extra-row:after {
    clear: both
}

.rows .gridtree .extra-row:nth-child(odd) {
    background-color: transparent
}

.rows .gridtree .even {
    background-color: transparent
}

.rows .btn-toolbar {
    padding: 5px 10px
}

.rows hr {
    margin: 0
}

.res-spot {
    margin: 1px 0 0;
    border-top: 1px solid #d5d7d6
}

.time-slider dl {
    position: relative;
    *zoom: 1;
    margin: 0 20px;
    padding: 0 0 10px
}

.time-slider dl:before,
.time-slider dl:after {
    display: table;
    content: ""
}

.time-slider dl:after {
    clear: both
}

.time-slider dt {
    position: absolute;
    padding: 3px 0;
    width: 150px
}

.time-slider dt span {
    color: #4682dc
}

.time-slider dd {
    margin-left: 150px
}

.time-slider dd ul li {
    padding: 0 0 10px;
    font-size: 12px;
    line-height: 12px;
    float: left;
    display: block;
    width: 4%;
    text-align: center;
    background: url(../images/time_line.png) no-repeat center bottom
}

.time-slider dd .ui-slider-horizontal {
    margin: 8px 2%
}

.time-viewer {
    margin-top: 1px
}

.time-viewer dl {
    position: relative;
    *zoom: 1;
    margin: -1px 0 0;
    padding: 0;
    background: #e5e5dd;
    border: 1px solid #ccccc4
}

.time-viewer dl:before,
.time-viewer dl:after {
    display: table;
    content: ""
}

.time-viewer dl:after {
    clear: both
}

.time-viewer dt {
    position: absolute;
    padding: 0 0 0 20px;
    width: 60px
}

.time-viewer dt span {
    color: #4682dc
}

.time-viewer dd {
    margin-left: 80px;
    padding: 0 0 0 20px;
    background: #fff
}

.time-viewer dd ul li {
    margin-right: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

ul.color-chips {
    margin: 2px 0;
    background: #fff;
    border: 1px solid #CCC
}

ul.color-chips li {
    position: relative;
    float: left;
    margin: 1px;
    padding: 0;
    border: 1px solid #fff;
    width: 14px;
    height: 14px;
    overflow: hidden
}

ul.color-chips li.hover,
ul.color-chips li.active {
    margin: 0;
    border: #c00 solid 2px
}

ul.color-chips li a {
    float: left;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    background: url(../images/glass-light.png) repeat-x 0 50%;
    _background-image: none;
    border: 1px solid #cbcbcb
}

ul.color-chips li.hover a,
ul.color-chips li.active a {
    margin: 0;
    border: 1px solid #fff
}

ul.color-chips li s {
    display: none
}

ul.color-chips li.active s {
    background: url(../images/selected.png) no-repeat 0 0;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: block
}

div.colors-explore {
    margin: -12px 0 20px 0
}

div.colors-explore ul.color-chips,
div.colors-explore ul.color-chips li {
    margin: 0
}

div.colors-explore ul.color-chips li a {
    height: 18px;
    width: 25px;
    z-index: 1
}

div.colors-explore ul.color-chips li a:hover {
    position: relative;
    margin: -4px;
    width: 33px;
    height: 26px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

div.colors-explore ul.color-chips li.current a,
div.colors-explore ul.color-chips li.current a:hover {
    position: relative;
    height: 18px;
    width: 25px;
    margin: -4px;
    border: 4px solid #fff;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 2
}

.toggle-panel {
    padding: 10px;
    border: 1px solid #ccccc4;
    line-height: 20px
}

.toggle-panel li {
    margin-bottom: 10px;
    padding: 10px;
    background: #f0f0e9
}

.toggle-panel li:last-child {
    margin-bottom: 0
}

.toggle-panel p {
    padding: 0
}

.ico,
.assigned i,
.unassigned i,
.added i,
.status-open i,
.status-closed i,
.status-cluster i,
.status-node i,
.status-enable i,
.status-disable i,
.role-normal i,
.role-general i,
.role-admin i,
.extraline i,
.item .thumb i,
.treeview .ztree li span.ico.fun_ico_docu,
.treeview .ztree li span.ico.fun_ico_open,
.treeview .ztree li span.ico.fun_ico_close,
.treeview .ztree li span.ico.fun-group_ico_docu,
.treeview .ztree li span.ico.fun-group_ico_open,
.treeview .ztree li span.ico.fun-group_ico_close,
.treeview .ztree li span.ico.fun-link_ico_docu,
.treeview .ztree li span.ico.fun-link_ico_open,
.treeview .ztree li span.ico.fun-link_ico_close,
.treeview .ztree li span.ico.fun-btn_ico_docu,
.treeview .ztree li span.ico.fun-btn_ico_open,
.treeview .ztree li span.ico.fun-btn_ico_close,
.treeview .ztree li span.ico.fun-menu_ico_docu,
.treeview .ztree li span.ico.fun-menu_ico_open,
.treeview .ztree li span.ico.fun-menu_ico_close,
.treeview .ztree li span.ico.fun-dialog_ico_docu,
.treeview .ztree li span.ico.fun-dialog_ico_open,
.treeview .ztree li span.ico.fun-dialog_ico_close {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 18px;
    overflow: hidden;
    vertical-align: -5px;
    *vertical-align: middle;
    background: url(../images/icons.png) no-repeat 0 -9999px;
    _background: url(../images/gif/icons.gif)
}

.i-add {
    background-position: -3px -3px
}

.i-plus {
    background-position: -51px -243px
}

.i-edit {
    background-position: -27px -3px
}

.i-save {
    background-position: -99px -291px
}

.i-undo {
    background-position: -123px -195px
}

.i-del {
    background-position: -51px -3px
}

.i-remove {
    background-position: -51px -147px
}

.i-reload {
    background-position: -27px -123px
}

.i-rebuild {
    background-position: -123px -147px
}

.i-backward {
    background-position: -99px -123px
}

.i-lock {
    background-position: -75px -3px
}

.i-unlock {
    background-position: -99px -3px
}

.i-search {
    background-position: -3px -99px
}

.i-reset-password {
    background-position: -4px -28px
}

.i-filter {
    background-position: -123px -3px;
    width: 18px;
    height: 18px
}

.i-filter-grey {
    background-position: -123px -27px;
    width: 18px;
    height: 18px
}

.i-assign {
    background-position: -76px -27px
}

.i-image {
    background-position: -123px -244px
}

.i-video {
    background-position: -27px -27px
}

.i-video-alarm {
    background-position: -72px -315px;
    width: 24px
}

.i-video-plan {
    background-position: -72px -99px;
    width: 24px
}

.i-video-event {
    background-position: -96px -99px;
    width: 24px
}

.i-alarm-important {
    background-position: -48px -315px;
    width: 24px
}

.i-alarm-normal {
    background-position: -48px -339px;
    width: 24px
}

.i-alarm-lower {
    background-position: -72px -339px;
    width: 24px
}

.i-alarm-preview {
    background-position: -3px -267px
}

.i-video-play {
    background-position: -27px -267px
}

.i-alarm-info {
    background-position: -51px -267px
}

.i-alarm-capture {
    background-position: -51px -363px
}

.i-video-download {
    background-position: -123px -220px
}

.i-video-type {
    background-position: -99px -244px
}

.i-linkage-plan {
    background-position: -72px -123px;
    width: 24px
}

.i-ptz {
    background-position: -51px -28px
}

.i-time-compare {
    background-position: -123px -99px
}

.i-download {
    background-position: -27px -99px
}

.i-move-up {
    background-position: -123px -52px
}

.i-move-down {
    background-position: -123px -75px
}

.i-move-left {
    background-position: -99px -315px
}

.i-move-right {
    background-position: -123px -315px
}

.i-import {
    background-position: -27px -75px
}

.i-export {
    background-position: -124px -124px
}

.i-empty {
    background-position: -2px -51px
}

.i-copy {
    background-position: -26px -52px
}

.i-paste {
    background-position: -75px -267px
}

.i-insert {
    background-position: -99px -267px
}

.i-print {
    background-position: -123px -267px
}

.i-run {
    background-position: -3px -315px
}

.i-stop {
    background-position: -27px -315px
}

.i-global-setting {
    background-position: -76px -244px
}

.i-define {
    background-position: -3px -267px
}

.i-arming {
    background-position: -100px -28px
}

.i-sort-down {
    background-position: -51px -291px
}

.i-sort-up {
    background-position: -75px -291px
}

.i-device-import {
    background-position: -48px -76px;
    width: 24px
}

.i-device-export {
    background-position: -48px -52px;
    width: 24px
}

.i-spot-import {
    background-position: -48px -124px;
    width: 24px
}

.i-spot-export {
    background-position: -48px -100px;
    width: 24px
}

.i-channel-add {
    background-position: -76px -52px
}

.i-channel-sync {
    background-position: -100px -52px
}

.i-calendar {
    background-position: -3px -75px
}

.i-excel-import {
    background-position: -99px -76px
}

.i-reset {
    background-position: -3px -124px
}

.i-tree-checkall {
    background-position: -49px -171px;
    width: 22px
}

.i-tree-cancelall {
    background-position: -73px -171px;
    width: 22px
}

.i-tree-checkchildren {
    background-position: -97px -171px;
    width: 22px
}

.i-tree-cancelchildren {
    background-position: -121px -171px;
    width: 22px
}

.ok .i-continue {
    background-position: -3px -291px
}

.error .i-continue {
    background-position: -27px -291px
}

.i-video-blue {
    background-position: -196px -316px
}

.i-download-grey {
    background-position: -269px -292px
}

.i-zoom {
    background-position: -172px -316px
}

.i-alarm-picture {
    background-position: -290px -292px
}

.i-allotserialno {
    background-position: -219px -315px
}

.i-assign2 {
    background-position: -242px -316px
}

.i-uncheck {
    background-position: -266px -316px;
    width: 24px
}

.i-view-grid {
    background-position: -27px -339px
}

.active .i-view-grid {
    background-position: -27px -363px
}

.i-view-list {
    background-position: -3px -339px
}

.active .i-view-list {
    background-position: -3px -363px
}

.i-down {
    background-position: -271px -8px;
    width: 10px;
    height: 10px
}

.i-up {
    background-position: -295px -8px;
    width: 10px;
    height: 10px
}

.i-collapse {
    background-position: -196px -292px;
    width: 16px;
    height: 16px
}

.i-expand {
    background-position: -220px -292px;
    width: 16px;
    height: 16px
}

.i-ok {
    background-position: -171px -27px
}

.i-stale {
    background-position: -195px -28px
}

.i-useless {
    background-position: -243px -75px
}

.i-locked {
    background-position: -220px -28px
}

.i-unlocked {
    background-position: -244px -28px
}

.i-open {
    background-position: -172px -52px
}

.i-closed {
    background-position: -196px -52px
}

.i-info {
    background-position: -219px -75px
}

.i-alarm {
    background-position: -219px -99px
}

.i-user {
    background-position: -243px -195px
}

.i-offline {
    background-position: -123px -291px
}

.i-male {
    background-position: -243px -195px
}

.i-female {
    background-position: -267px -195px
}

.i-playing {
    background-position: -267px -147px
}

.i-pause {
    background-position: -291px -195px
}

.i-waiting {
    background-position: -291px -147px
}

.i-checked {
    background-position: -171px -75px
}

.i-disabled {
    background-position: -195px -75px
}

.i-bs {
    background-position: -267px -219px
}

.i-cs {
    background-position: -291px -219px
}

.i-attach {
    background-position: -267px -267px
}

.i-error {
    background-position: -291px -243px
}

.i-pass {
    background-position: -291px -267px
}

.i-alarm-white {
    background-position: -267px -243px
}

.i-list-spot {
    background-position: -171px -123px
}

.i-list-group {
    background-position: -195px -123px
}

.i-list-global {
    background-position: -219px -123px
}

.i-available,
.i-used {
    margin: 0 5px 5px 0;
    width: 8px;
    height: 8px;
    font-size: 0;
    background: #20559e;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.i-available {
    background: #71cb21
}

.status-enable i,
.status-disable i {
    margin: 0 5px 0 0;
    width: 18px;
    height: 18px;
    white-space: nowrap
}

.status-enable i {
    background-position: -171px -51px
}

.status-disable i {
    background-position: -195px -51px
}

.status-open i,
.status-closed i {
    margin: 0 5px 0 0;
    white-space: nowrap
}

.status-open i {
    background-position: -171px -27px
}

.status-closed i {
    background-position: -195px -51px
}

.status-cluster i,
.status-node i {
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: -4px;
    white-space: nowrap
}

.status-cluster i {
    background-position: -172px -100px
}

.status-node i {
    background-position: -196px -100px
}

.online,
.offline,
.extraline {
    color: #a5a8a3;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    white-space: nowrap
}

.online {
    color: #61b131
}

.extraline {
    color: #e32f48
}

.online i,
.offline i,
.extraline i {
    margin: 5px 5px 0 5px;
    width: 8px;
    height: 8px;
    font-size: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.online i {
    background: #61b131
}

.offline i {
    background: #a5a8a3
}

.extraline i {
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-position: -219px -99px;
    vertical-align: -3px
}

.assigned,
.unassigned {
    color: #a5a8a3;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    white-space: nowrap
}

.assigned {
    color: #61b131
}

.assigned i,
.unassigned i {
    margin: 0 5px 3px 0;
    width: 12px;
    height: 12px;
    background-position: -245px -54px
}

.assigned i {
    background-position: -221px -54px
}

.role-normal i,
.role-general i,
.role-admin i {
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: -4px;
    white-space: nowrap
}

.role-normal i {
    background-position: -172px -196px
}

.role-general i {
    background-position: -196px -196px
}

.role-admin i {
    background-position: -220px -196px
}

.added {
    color: #61b131;
    white-space: nowrap
}

.added i {
    margin: 0 5px 0 0;
    width: 12px;
    height: 12px;
    background-position: -295px -30px;
    vertical-align: -2px
}

.video-plan,
.video-event {
    margin-left: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    white-space: nowrap
}

.video-plan i,
.video-event i {
    margin: 5px 5px 0 0;
    width: 36px;
    height: 8px;
    font-size: 0;
    background: #e5c825;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.video-plan i {
    background: #4b8dd7
}

.treeview .ztree li span.ico.fun-group_ico_docu,
.treeview .ztree li span.ico.fun-group_ico_close {
    background-position: -171px -147px
}

.treeview .ztree li span.ico.fun-group_ico_open {
    background-position: -171px -171px
}

.treeview .ztree li span.ico.fun_ico_docu,
.treeview .ztree li span.ico.fun_ico_close {
    background-position: -195px -147px
}

.treeview .ztree li span.ico.fun_ico_open {
    background-position: -195px -147px
}

.treeview .ztree li span.ico.fun-link_ico_docu,
.treeview .ztree li span.ico.fun-link_ico_close {
    background-position: -219px -147px
}

.treeview .ztree li span.ico.fun-link_ico_open {
    background-position: -219px -147px
}

.treeview .ztree li span.ico.fun-btn_ico_docu,
.treeview .ztree li span.ico.fun-btn_ico_close {
    background-position: -243px -147px
}

.treeview .ztree li span.ico.fun-btn_ico_open {
    background-position: -243px -147px
}

.treeview .ztree li span.ico.fun-menu_ico_docu,
.treeview .ztree li span.ico.fun-menu_ico_close {
    background-position: -195px -171px
}

.treeview .ztree li span.ico.fun-menu_ico_open {
    background-position: -195px -171px
}

.treeview .ztree li span.ico.fun-dialog_ico_docu,
.treeview .ztree li span.ico.fun-dialog_ico_close {
    background-position: -219px -171px
}

.treeview .ztree li span.ico.fun-dialog_ico_open {
    background-position: -219px -171px
}

.toggle-more,
.toggle-switch,
.ico.i-folder-add,
.ico.m-resource,
.ico.m-favorite,
.ico.m-search,
.act-favorite .ico,
.act-play .ico,
.act-delete .ico,
.treeview .ztree li span.ico,
.ico.m-gun,
.ico.m-gun-hd,
.ico.m-gun-offline,
.ico.m-gun-hd-offline,
.ico.m-gun-playing,
.ico.m-gun-hd-playing,
.ico.m-gun-intel,
.ico.m-gun-intel-hd,
.ico.m-gun-intel-offline,
.ico.m-gun-intel-hd-offline,
.ico.m-gun-intel-playing,
.ico.m-gun-intel-hd-playing,
.ico.m-gun-yuyan,
.ico.m-gun-yuyan-hd,
.ico.m-gun-yuyan-offline,
.ico.m-gun-yuyan-hd-offline,
.ico.m-gun-yuyan-playing,
.ico.m-gun-yuyan-hd-playing,
.ico.m-ball,
.ico.m-ball-hd,
.ico.m-ball-offline,
.ico.m-ball-hd-offline,
.ico.m-ball-playing,
.ico.m-ball-hd-playing,
.ico.m-ball-intel,
.ico.m-ball-intel-hd,
.ico.m-ball-intel-offline,
.ico.m-ball-intel-hd-offline,
.ico.m-ball-intel-playing,
.ico.m-ball-intel-hd-playing,
.ico.m-ball-yuyan,
.ico.m-ball-yuyan-hd,
.ico.m-ball-yuyan-offline,
.ico.m-ball-yuyan-hd-offline,
.ico.m-ball-yuyan-playing,
.ico.m-ball-yuyan-hd-playing,
.ico.m-halfball,
.ico.m-halfball-hd,
.ico.m-halfball-offline,
.ico.m-halfball-hd-offline,
.ico.m-halfball-playing,
.ico.m-halfball-hd-playing,
.ico.m-halfball-intel,
.ico.m-halfball-intel-hd,
.ico.m-halfball-intel-offline,
.ico.m-halfball-intel-hd-offline,
.ico.m-halfball-intel-playing,
.ico.m-halfball-intel-hd-playing,
.ico.m-halfball-yuyan,
.ico.m-halfball-yuyan-hd,
.ico.m-halfball-yuyan-offline,
.ico.m-halfball-yuyan-hd-offline,
.ico.m-halfball-yuyan-playing,
.ico.m-halfball-yuyan-hd-playing,
.ico.m-video,
.ico.m-video-empty,
.ico.m-video-playing,
.ico.m-ioalarm,
.ico.m-door,
.ico.m-sensor,
.ico.m-alarm-in,
.ico.m-alarm-out,
.ico.m-device,
.ico.m-device-offline,
.ico.m-device-offline2,
.ico.m-device-talk,
.ico.m-gun-grey,
.ico.m-gun-talk,
.ico.m-door-dark,
.ico.m-bighawkeye,
.ico.m-bighawkeye-playing,
.ico.m-bighawkeye-offline,
.ico.m-bighawkeye-alarm,
.ico.m-smallhawkeye,
.ico.m-smallhawkeye-playing,
.ico.m-smallhawkeye-offline,
.ico.m-smallhawkeye-alarm,
.ico.m-smallhawkeye-intel,
.ico.m-smallhawkeye-intel-playing,
.ico.m-environment,
.ico.m-environment2,
.ico.resource-10000,
.ico.resource-30000,
.ico.resource-40000,
.ico.resource-50000,
.ico.resource-90000,
.ico.resource-100000,
.ico.resource-110000,
.ico.resource-180000,
.ico.resource-302000,
.ico.resource-400000,
.ico.resource-183100,
.ico.resource-183200,
.ico.resource-183000,
.ico.resource-other {
    background: url(../images/sprite_monitor.png) no-repeat -9999px 0
}

.ico.i-folder-add {
    background-position: -3px -123px
}

.ico.m-resource {
    background-position: -4px -5px
}

.ico.m-favorite {
    background-position: -28px -5px
}

.ico.m-search {
    background-position: -52px -5px
}

.ui-state-active .ico.m-resource {
    background-position: -4px -29px
}

.ui-state-active .ico.m-favorite {
    background-position: -28px -29px
}

.ui-state-active .ico.m-search {
    background-position: -52px -29px
}

.ico.m-gun,
.treeview .ztree li span.m-gun_ico_docu {
    background-position: -195px -3px;
    width: 18px
}

.ico.m-gun-hd,
.treeview .ztree li span.m-gun-hd_ico_docu {
    background-position: -196px -52px;
    width: 18px
}

.ico.m-gun-offline,
.treeview .ztree li span.m-gun-offline_ico_docu {
    background-position: -196px -27px;
    width: 18px
}

.ico.m-gun-hd-offline,
.treeview .ztree li span.m-gun-hd-offline_ico_docu {
    background-position: -196px -76px;
    width: 18px
}

.ico.m-gun-playing,
.treeview .ztree li span.m-gun-playing_ico_docu {
    background-position: -196px -101px;
    width: 18px
}

.ico.m-gun-hd-playing,
.treeview .ztree li span.m-gun-hd-playing_ico_docu {
    background-position: -196px -125px;
    width: 18px
}

.ico.m-gun-intel,
.treeview .ztree li span.m-gun-intel_ico_docu {
    background-position: -124px -101px;
    width: 18px
}

.ico.m-gun-intel-hd,
.treeview .ztree li span.m-gun-intel-hd_ico_docu {
    background-position: -124px -101px;
    width: 18px
}

.ico.m-gun-intel-offline,
.treeview .ztree li span.m-gun-intel-offline_ico_docu {
    background-position: -124px -101px;
    width: 18px
}

.ico.m-gun-intel-hd-offline,
.treeview .ztree li span.m-gun-intel-hd-offline_ico_docu {
    background-position: -124px -76px;
    width: 18px
}

.ico.m-gun-intel-playing,
.treeview .ztree li span.m-gun-intel-playing_ico_docu {
    background-position: -124px -272px;
    width: 18px
}

.ico.m-gun-intel-hd-playing,
.treeview .ztree li span.m-gun-intel-hd-playing_ico_docu {
    background-position: -124px -101px;
    width: 18px
}

.ico.m-gun-yuyan,
.treeview .ztree li span.m-gun-yuyan_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-gun-yuyan-hd,
.treeview .ztree li span.m-gun-yuyan-hd_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-gun-yuyan-offline,
.treeview .ztree li span.m-gun-yuyan-offline_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-gun-yuyan-hd-offline,
.treeview .ztree li span.m-gun-yuyan-hd-offline_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-gun-yuyan-playing,
.treeview .ztree li span.m-gun-yuyan-playing_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-gun-yuyan-hd-playing,
.treeview .ztree li span.m-gun-yuyan-hd-playing_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-ball,
.treeview .ztree li span.m-ball_ico_docu {
    background-position: -219px -3px;
    width: 18px
}

.ico.m-ball-hd,
.treeview .ztree li span.m-ball-hd_ico_docu {
    background-position: -220px -51px;
    width: 18px
}

.ico.m-ball-offline,
.treeview .ztree li span.m-ball-offline_ico_docu {
    background-position: -220px -27px;
    width: 18px
}

.ico.m-ball-hd-offline,
.treeview .ztree li span.m-ball-hd-offline_ico_docu {
    background-position: -220px -75px;
    width: 18px
}

.ico.m-ball-playing,
.treeview .ztree li span.m-ball-playing_ico_docu {
    background-position: -220px -99px;
    width: 18px
}

.ico.m-ball-hd-playing,
.treeview .ztree li span.m-ball-hd-playing_ico_docu {
    background-position: -220px -123px;
    width: 18px
}

.ico.m-ball-intel,
.treeview .ztree li span.m-ball-intel_ico_docu {
    background-position: -148px -99px;
    width: 18px
}

.ico.m-ball-intel-hd,
.treeview .ztree li span.m-ball-intel-hd_ico_docu {
    background-position: -148px -99px;
    width: 18px
}

.ico.m-ball-intel-offline,
.treeview .ztree li span.m-ball-intel-offline_ico_docu {
    background-position: -148px -99px;
    width: 18px
}

.ico.m-ball-intel-hd-offline,
.treeview .ztree li span.m-ball-intel-hd-offline_ico_docu {
    background-position: -220px -99px;
    width: 18px
}

.ico.m-ball-intel-playing,
.treeview .ztree li span.m-ball-intel-playing_ico_docu {
    background-position: -148px -272px;
    width: 18px
}

.ico.m-ball-intel-hd-playing,
.treeview .ztree li span.m-ball-intel-hd-playing_ico_docu {
    background-position: -148px -99px;
    width: 18px
}

.ico.m-ball-yuyan,
.treeview .ztree li span.m-ball-yuyan_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-ball-yuyan-hd,
.treeview .ztree li span.m-ball-yuyan-hd_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-ball-yuyan-offline,
.treeview .ztree li span.m-ball-yuyan-offline_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-ball-yuyan-hd-offline,
.treeview .ztree li span.m-ball-yuyan-hd-offline_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-ball-yuyan-playing,
.treeview .ztree li span.m-ball-yuyan-playing_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-ball-yuyan-hd-playing,
.treeview .ztree li span.m-ball-yuyan-hd-playing_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-halfball,
.treeview .ztree li span.m-halfball_ico_docu {
    background-position: -242px -2px;
    width: 18px
}

.ico.m-halfball-hd,
.treeview .ztree li span.m-halfball-hd_ico_docu {
    background-position: -243px -51px;
    width: 20px
}

.ico.m-halfball-offline,
.treeview .ztree li span.m-halfball-offline_ico_docu {
    background-position: -243px -26px;
    width: 18px
}

.ico.m-halfball-hd-offline,
.treeview .ztree li span.m-halfball-hd-offline_ico_docu {
    background-position: -243px -75px;
    width: 20px
}

.ico.m-halfball-playing,
.treeview .ztree li span.m-halfball-playing_ico_docu {
    background-position: -243px -99px;
    width: 18px
}

.ico.m-halfball-hd-playing,
.treeview .ztree li span.m-halfball-hd-playing_ico_docu {
    background-position: -243px -123px;
    width: 20px
}

.ico.m-halfball-intel,
.treeview .ztree li span.m-halfball-intel_ico_docu {
    background-position: -172px -99px;
    width: 18px
}

.ico.m-halfball-intel-hd,
.treeview .ztree li span.m-halfball-intel-hd_ico_docu {
    background-position: -172px -99px;
    width: 20px
}

.ico.m-halfball-intel-offline,
.treeview .ztree li span.m-halfball-intel-offline_ico_docu {
    background-position: -172px -99px;
    width: 18px
}

.ico.m-halfball-intel-hd-offline,
.treeview .ztree li span.m-halfball-intel-hd-offline_ico_docu {
    background-position: -172px -99px;
    width: 20px
}

.ico.m-halfball-intel-playing,
.treeview .ztree li span.m-halfball-intel-playing_ico_docu {
    background-position: -172px -272px;
    width: 18px
}

.ico.m-halfball-intel-hd-playing,
.treeview .ztree li span.m-halfball-intel-hd-playing_ico_docu {
    background-position: -172px -99px;
    width: 20px
}

.ico.m-halfball-yuyan,
.treeview .ztree li span.m-halfball-yuyan_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-halfball-yuyan-hd,
.treeview .ztree li span.m-halfball-yuyan-hd_ico_docu {
    background-position: -243px -147px;
    width: 20px
}

.ico.m-halfball-yuyan-offline,
.treeview .ztree li span.m-halfball-yuyan-offline_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-halfball-yuyan-hd-offline,
.treeview .ztree li span.m-halfball-yuyan-hd-offline_ico_docu {
    background-position: -243px -147px;
    width: 20px
}

.ico.m-halfball-yuyan-playing,
.treeview .ztree li span.m-halfball-yuyan-playing_ico_docu {
    background-position: -243px -147px;
    width: 18px
}

.ico.m-halfball-yuyan-hd-playing,
.treeview .ztree li span.m-halfball-yuyan-hd-playing_ico_docu {
    background-position: -243px -147px;
    width: 20px
}

.ico.m-video,
.treeview .ztree li span.m-video_ico_docu {
    background-position: -196px -172px
}

.ico.m-video-empty,
.treeview .ztree li span.m-video-empty_ico_docu {
    background-position: -196px -148px
}

.ico.m-video-playing,
.treeview .ztree li span.m-video-playing_ico_docu {
    background-position: -196px -196px
}

.ico.m-ioalarm,
.treeview .ztree li span.m-ioalarm_ico_docu {
    background-position: -219px -148px;
    width: 18px
}

.ico.m-door,
.treeview .ztree li span.m-door_ico_docu {
    background-position: -124px -4px;
    width: 18px
}

.ico.m-sensor,
.treeview .ztree li span.m-sensor_ico_docu {
    background-position: -148px -4px;
    width: 18px
}

.ico.m-alarm-out,
.treeview .ztree li span.m-alarm-out_ico_docu {
    background-position: -100px -4px;
    width: 18px
}

.ico.m-alarm-in,
.treeview .ztree li span.m-alarm-in_ico_docu {
    background-position: -76px -4px;
    width: 18px
}

.ico.m-device,
.treeview .ztree li span.m-device_ico_docu,
.treeview .ztree li span.m-device_ico_open,
.treeview .ztree li span.m-device_ico_close {
    background-position: -172px -4px;
    width: 18px
}

.ico.m-device-offline,
.treeview .ztree li span.m-device-offline_ico_docu,
.treeview .ztree li span.m-device-offline_ico_open,
.treeview .ztree li span.m-device-offline_ico_close {
    background-position: -75px -28px;
    width: 18px
}

.ico.m-device-offline2,
.treeview .ztree li span.m-device-offline2_ico_docu,
.treeview .ztree li span.m-device-offline2_ico_open,
.treeview .ztree li span.m-device-offline2_ico_close {
    background-position: -171px -28px;
    width: 18px
}

.ico.m-device-talk,
.treeview .ztree li span.m-device-talk_ico_docu,
.treeview .ztree li span.m-device-talk_ico_open,
.treeview .ztree li span.m-device-talk_ico_close {
    background-position: -99px -28px;
    width: 18px
}

.ico.m-gun-grey,
.treeview .ztree li span.m-gun-grey_ico_docu,
.treeview .ztree li span.m-gun-grey_ico_open,
.treeview .ztree li span.m-gun-grey_ico_close {
    background-position: -122px -28px;
    width: 18px
}

.ico.m-gun-talk,
.treeview .ztree li span.m-gun-talk_ico_docu,
.treeview .ztree li span.m-gun-talk_ico_open,
.treeview .ztree li span.m-gun-talk_ico_close {
    background-position: -146px -28px;
    width: 18px
}

.ico.m-door-dark,
.treeview .ztree li span.m-door-dark_ico_docu,
.treeview .ztree li span.m-door-dark_ico_open,
.treeview .ztree li span.m-door-dark_ico_close {
    background-position: -4px -148px;
    width: 18px
}

.ico.m-environment,
.treeview .ztree li span.m-environment_ico_docu,
.treeview .ztree li span.m-environment_ico_open,
.treeview .ztree li span.m-environment_ico_close {
    background-position: -28px -148px;
    width: 18px
}

.ico.m-environment2,
.treeview .ztree li span.m-environment2_ico_docu,
.treeview .ztree li span.m-environment2_ico_open,
.treeview .ztree li span.m-environment2_ico_close {
    background-position: -28px -172px;
    width: 18px
}

.ico.m-bighawkeye,
.treeview .ztree li span.m-bighawkeye_ico_docu {
    background-position: -220px -195px;
    width: 20px
}

.ico.m-bighawkeye-playing,
.treeview .ztree li span.m-bighawkeye-playing_ico_docu {
    background-position: -220px -220px;
    width: 20px
}

.ico.m-bighawkeye-offline,
.treeview .ztree li span.m-bighawkeye-offline_ico_docu {
    background-position: -220px -244px;
    width: 20px
}

.ico.m-bighawkeye-alarm,
.treeview .ztree li span.m-bighawkeye-alarm_ico_docu {
    background-position: -220px -267px;
    width: 20px
}

.ico.m-smallhawkeye,
.treeview .ztree li span.m-smallhawkeye_ico_docu {
    background-position: -244px -197px;
    width: 20px
}

.ico.m-smallhawkeye-playing,
.treeview .ztree li span.m-smallhawkeye-playing_ico_docu {
    background-position: -244px -220px;
    width: 20px
}

.ico.m-smallhawkeye-offline,
.treeview .ztree li span.m-smallhawkeye-offline_ico_docu {
    background-position: -244px -245px;
    width: 20px
}

.ico.m-smallhawkeye-alarm,
.treeview .ztree li span.m-smallhawkeye-alarm_ico_docu {
    background-position: -244px -268px;
    width: 20px
}

.ico.m-smallhawkeye-intel,
.treeview .ztree li span.m-smallhawkeye-intel_ico_docu {
    background-position: -244px -291px;
    width: 20px
}

.ico.m-smallhawkeye-intel-playing,
.treeview .ztree li span.m-smallhawkeye-intel-playing_ico_docu {
    background-position: -244px -314px;
    width: 20px
}

.dev-bighawkeye_ico_open,
.dev-bighawkeye_ico_close,
.dev-bighawkeye_ico_docu,
.dev-smallhawkeye_ico_open,
.dev-smallhawkeye_ico_close,
.dev-smallhawkeye_ico_docu,
.ztree li span.button.dev-bighawkeye_ico_open,
.ztree li span.button.dev-bighawkeye_ico_close,
.ztree li span.button.dev-bighawkeye_ico_docu,
.ztree li span.button.dev-bighawkeye-talk_ico_open,
.ztree li span.button.dev-bighawkeye-talk_ico_close,
.ztree li span.button.dev-bighawkeye-talk_ico_docu,
.ztree li span.button.dev-smallhawkeye_ico_open,
.ztree li span.button.dev-smallhawkeye_ico_close,
.ztree li span.button.dev-smallhawkeye_ico_docu,
.ztree li span.button.dev-smallhawkeye-talk_ico_open,
.ztree li span.button.dev-smallhawkeye-talk_ico_close,
.ztree li span.button.dev-smallhawkeye-talk_ico_docu {
    display: inline-block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    vertical-align: -5px;
    background: url(../images/sprite_monitor.png) no-repeat -9999px 0
}

.ztree li span.button.dev-bighawkeye_ico_open,
.ztree li span.button.dev-bighawkeye_ico_close,
.ztree li span.button.dev-bighawkeye_ico_docu {
    background-position: -220px -195px;
    width: 20px
}

.ztree li span.button.dev-bighawkeye-talk_ico_open,
.ztree li span.button.dev-bighawkeye-talk_ico_close,
.ztree li span.button.dev-bighawkeye-talk_ico_docu {
    background-position: -220px -316px;
    width: 20px
}

.ztree li span.button.dev-smallhawkeye_ico_open,
.ztree li span.button.dev-smallhawkeye_ico_close,
.ztree li span.button.dev-smallhawkeye_ico_docu {
    background-position: -244px -197px;
    width: 20px
}

.ztree li span.button.dev-smallhawkeye-talk_ico_open,
.ztree li span.button.dev-smallhawkeye-talk_ico_close,
.ztree li span.button.dev-smallhawkeye-talk_ico_docu {
    background-position: -268px -220px;
    width: 20px
}

ul.ztree li a.disabledNode .dev-bighawkeye_ico_open,
ul.ztree li a.disabledNode .dev-bighawkeye_ico_close,
ul.ztree li a.disabledNode .dev-bighawkeye_ico_docu {
    background-position: -220px -291px;
    width: 20px
}

ul.ztree li a.disabledNode .dev-smallhawkeye_ico_open,
ul.ztree li a.disabledNode .dev-smallhawkeye_ico_close,
ul.ztree li a.disabledNode .dev-smallhawkeye_ico_docu {
    background-position: -268px -197px;
    width: 20px
}

.ico.resource-10000,
.treeview .ztree li span.resource-10000_ico_docu {
    background-position: -6px -195px;
    width: 18px
}

.ico.resource-30000,
.treeview .ztree li span.resource-30000_ico_docu {
    background-position: -28px -195px;
    width: 18px
}

.ico.resource-40000,
.treeview .ztree li span.resource-40000_ico_docu {
    background-position: -52px -195px;
    width: 18px
}

.ico.resource-50000,
.treeview .ztree li span.resource-50000_ico_docu {
    background-position: -73px -195px;
    width: 18px
}

.ico.resource-90000,
.treeview .ztree li span.resource-90000_ico_docu {
    background-position: -6px -220px;
    width: 18px
}

.ico.resource-100000,
.treeview .ztree li span.resource-100000_ico_docu {
    background-position: -28px -220px;
    width: 18px
}

.ico.resource-110000,
.treeview .ztree li span.resource-110000_ico_docu {
    background-position: -52px -220px;
    width: 18px
}

.ico.resource-180000,
.treeview .ztree li span.resource-180000_ico_docu {
    background-position: -73px -220px;
    width: 18px
}

.ico.resource-302000,
.treeview .ztree li span.resource-302000_ico_docu {
    background-position: -6px -243px;
    width: 18px
}

.ico.resource-400000,
.treeview .ztree li span.resource-400000_ico_docu {
    background-position: -28px -243px;
    width: 18px
}

.ico.resource-183100,
.treeview .ztree li span.resource-183100_ico_docu {
    background-position: -98px -195px;
    width: 18px
}

.ico.resource-183200,
.treeview .ztree li span.resource-183200_ico_docu {
    background-position: -98px -220px;
    width: 18px
}

.ico.resource-183000,
.treeview .ztree li span.resource-183000_ico_docu {
    background-position: -98px -243px;
    width: 18px
}

.ico.resource-other,
.treeview .ztree li span.resource-other_ico_docu {
    background-position: -6px -264px;
    width: 18px
}

.act-favorite,
.act-play,
.act-edit,
.act-delete,
.act-talk,
.act-hearing,
.act-broadcast {
    padding: 0 !important;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.treeview .ztree li .act-favorite,
.treeview .ztree li .act-play,
.treeview .ztree li .act-edit,
.treeview .ztree li .act-delete,
.treeview .ztree li .act-talk,
.treeview .ztree li .act-hearing,
.treeview .ztree li .act-broadcast {
    width: 18px;
    height: 18px
}

.act-favorite .ico,
.treeview .ztree li .act-favorite .ico {
    background-position: -51px -51px;
    margin: 0
}

.act-play .ico,
.treeview .ztree li .act-play .ico {
    background-position: -3px -51px;
    margin: 0
}

.act-edit .ico,
.treeview .ztree li .act-edit .ico {
    background-position: -99px -51px;
    margin: 0
}

.act-delete .ico,
.treeview .ztree li .act-delete .ico {
    background-position: -148px -51px;
    margin: 0
}

.act-talk .ico,
.treeview .ztree li .act-talk .ico {
    background-position: -76px -122px;
    margin: 0
}

.act-talk-on .ico,
.treeview .ztree li .act-talk-on .ico {
    background-position: -52px -122px;
    margin: 0
}

.act-hearing .ico,
.treeview .ztree li .act-hearing .ico {
    background-position: -76px -146px;
    margin: 0
}

.act-hearing-on .ico,
.treeview .ztree li .act-hearing-on .ico {
    background-position: -52px -146px;
    margin: 0
}

.act-broadcast .ico,
.treeview .ztree li .act-broadcast .ico {
    background-position: -76px -170px;
    margin: 0
}

.act-broadcast-on .ico,
.treeview .ztree li .act-broadcast-on .ico {
    background-position: -52px -170px;
    margin: 0
}

.act-favorite.active .ico,
.act-favorite:hover .ico,
.treeview .ztree li .act-favorite.active .ico,
.treeview .ztree li .act-favorite:hover .ico {
    background-position: -75px -75px
}

.act-play.active .ico,
.act-play:hover .ico,
.treeview .ztree li .act-play.active .ico,
.treeview .ztree li .act-play:hover .ico {
    background-position: -27px -75px
}

.act-play.disable .ico,
.act-play.disable:hover .ico,
.treeview .ztree li .act-play.disable .ico,
.treeview .ztree li .act-play.disable:hover .ico {
    background-position: -4px -100px;
    color: #666
}

.act-edit.active .ico,
.act-edit:hover .ico,
.treeview .ztree li .act-edit.active .ico,
.treeview .ztree li .act-edit:hover .ico {
    background-position: -123px -51px
}

.act-delete.active .ico,
.act-delete:hover .ico,
.treeview .ztree li .act-delete.active .ico,
.treeview .ztree li .act-delete:hover .ico {
    background-position: -172px -51px
}

.treeview {
    position: relative;
    padding: 0;
    overflow: auto;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.ui-dialog .treeview {
    height: 200px;
    border: 1px solid #ccccc4;
    background: #fff
}

.treeview.uneditable {
    border: 1px solid #efefef;
    background: #f7f7f7;
    height: 400px;
    overflow: hidden
}

.treeview.editable {
    padding: 26px 0 0;
    border: 1px solid #efefef;
    background: #f7f7f7;
    height: 400px;
    overflow: hidden
}

.treeview.editable .btn-toolbar {
    position: absolute;
    top: 0;
    z-index: 1;
    padding: 0;
    background: #dfe1d9
}

.treeview.editable .btn-toolbar .buttonS {
    margin: 2px 0 2px 5px;
    padding: 0 5px
}

.treeview.editable .ztree {
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: auto
}

ul.ztree li a.disabledNode {
    color: #999;
    text-decoration: none
}

ul.ztree li a.disabledNode .m-gun_ico_docu {
    background-position: -123px -123px
}

ul.ztree li a.disabledNode .m-ball_ico_docu {
    background-position: -147px -123px
}

ul.ztree li a.disabledNode .m-gun-yuyan_ico_docu {
    background-position: -219px -171px
}

ul.ztree li a.disabledNode .m-gun-intel_ico_docu {
    background-position: -48px -99px
}

ul.ztree li a.disabledNode .m-ball-intel_ico_docu {
    background-position: -72px -99px
}

ul.ztree li a.disabledNode .m-ball-yuyan_ico_docu {
    background-position: -219px -171px
}

ul.ztree li a.disabledNode .m-halfball_ico_docu {
    background-position: -171px -123px
}

ul.ztree li a.disabledNode .m-halfball-intel_ico_docu {
    background-position: -96px -99px
}

ul.ztree li a.disabledNode .m-halfball-yuyan_ico_docu {
    background-position: -219px -171px
}

ul.ztree li a.disabledNode.curSelectedNode {
    background: #ffe6b0
}

ul.ztree li a.disabledNode .m-device_ico_close {
    background-position: -171px -28px;
    width: 18px
}

ul.ztree li a.disabledNode .m-device_ico_open {
    background-position: -171px -28px;
    width: 18px
}

.block {
    border: 1px solid #cbcbcb;
    background: #eff0f0
}

.block .hd {
    border-top: 1px solid #ddd;
    line-height: 29px;
    font-size: 14px;
    position: relative;
    background: #d1d2d3;
    zoom: 1
}

.block .hd h3 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    padding-left: 10px
}

.block .hd .description {
    margin: 0 0 0 10px;
    color: #333;
    font-size: 12px;
    display: inline
}

.block .hd .description span {
    margin-left: 20px;
    font-size: 12px;
    color: #fc6656
}

.block .hd .description span b {
    font-weight: normal;
    color: #333
}

.block .hd .more,
.block .hd .actions {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 12px
}

.block .bd .actions {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 12px;
    line-height: 29px
}

.block .bd {
    position: relative;
    padding: 10px;
    background: #fff
}

.block .bd a img {
    vertical-align: middle
}

.block .ft {
    border-top: 1px solid #cbcbcb
}

.block-blank {
    border: 0;
    background: #fff
}

.block-blank .hd {
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    background: #fff
}

.block-blank .bd {
    background: #fff
}

.block-simple {
    border: 1px solid #e1dcdc;
    background: #FFF
}

.block-simple .hd {
    padding: 10px 10px;
    border: 0;
    background: #f8faf9;
    background: -moz-linear-gradient(top, #f8faf9 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8faf9), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #f8faf9 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #f8faf9 0%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #f8faf9 0%, #f2f2f2 100%);
    background: linear-gradient(top, #f8faf9 0%, #f2f2f2 100%)
}

.block-simple .hd h3 {
    padding-left: 10px
}

.block-simple .hd .more {
    top: 10px
}

.block-simple .hd .close {
    margin: 5px 0 0
}

.block-simple .bd {
    padding: 10px;
    background: 0;
    border-top: 1px solid #e1dcdc
}

.block-blue {
    border: 1px solid #6eb3e8;
    background: #fff;
    color: #fff
}

.block-blue .hd {
    border: 0;
    background: #6eb3e8
}

.block-grey {
    border: 1px solid #e1ddd2;
    background: #fff
}

.block-grey .hd {
    border: 0;
    background: #e1ddd2
}

.block-grey .hd a {
    color: #333
}

.block-grey .hd a:hover {
    color: #F60
}

.block-greyblue {
    border: 1px solid #bcc7d4;
    background: #fff
}

.block-greyblue .hd {
    border: 0;
    background: #e3e9ef;
    padding: 5px 0
}

.block-greyblue .hd .more {
    top: 5px
}

.block-champagne {
    border: 1px solid #cfd3ad;
    background: #f7f9e8
}

.block-champagne .hd {
    border: 0;
    background: #cfd3ad
}

.block-champagne .hd a {
    color: #333
}

.block-champagne .hd a:hover {
    color: #F60
}

.block-champagne .bd {
    background: 0
}

.block-locked {
    border: 0;
    background: 0;
    position: relative
}

.block-locked .shadow {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #3567af;
    opacity: .8
}

.block-locked .hd {
    border: 0;
    background: #b11a1a;
    color: #fff;
    text-align: center;
    line-height: 36px;
    z-index: 1
}

.block-locked .hd h3 {
    padding: 0;
    text-align: center;
    font-size: 12px
}

.block-locked .hd h3 em {
    margin: 0 5px;
    font-style: normal;
    color: #fc0
}

.block-locked .hd a {
    color: #FFF
}

.block-locked .hd a:hover {
    color: #FC0
}

.block-locked .bd {
    background: #FFF;
    z-index: 1
}

.dot-wrapper {
    height: 182px;
    border: 1px dashed #cac3c3
}

a.plus {
    display: block;
    height: 182px
}

a.plus span {
    background: url(../images/block_tape.png) no-repeat -9999px 0;
    margin: 60px auto 57px;
    display: block;
    width: 68px;
    height: 65px;
    background-position: 0 -60px;
    opacity: .5;
    filter: alpha(opacity=50)
}

a.plus:hover span {
    opacity: 1;
    filter: none
}

.text-list {
    padding: 10px;
    zoom: 1
}

.text-list li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    line-height: 20px;
    position: relative;
    border-bottom: 1px dotted #b2b5c1;
    *zoom: 1
}

.text-list li:last-child {
    border-bottom: 0
}

.text-list li .title a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.text-list li .date {
    color: #aaa
}

.col-sub .hasDate li .title a {
    width: 200px
}

.col-sub .hasIcon li .title a {
    width: 175px
}

.col-main .hasDate li .title a {
    width: 400px
}

.col-main .hasIcon li .title a {
    width: 375px
}

.hasDate li .date {
    position: absolute;
    top: 0;
    _top: -2px;
    right: 0
}

.hasTime li .title a {
    display: block
}

.hasTime li .date {
    margin-left: 12px;
    display: block
}

.hasDot li a {
    background-position: -290px 0;
    padding-left: 12px
}

.hasDot li a:hover {
    background-position: -290px -20px;
    color: #000
}

.hasIcon li .ico {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 2
}

.article {
    padding: 25px 30px;
    overflow: hidden;
    background: #f8f8f8;
    border: #efefef solid 1px;
    zoom: 1
}

.article .hd {
    padding: 0 0 10px;
    text-align: center;
    border-bottom: #bdc7ce dashed 1px;
    background: 0
}

.article .hd h2 {
    font-size: 20px;
    color: #000;
    word-wrap: break-word;
    word-break: break-all
}

.article .hd .titbar {
    color: #999;
    line-height: 30px
}

.article .hd .titbar span {
    margin: 0 20px 0 0
}

.article .hd .titbar span b {
    margin: 0 0 0 5px;
    font-weight: normal
}

.article .article_con {
    font-size: 14px;
    padding: 20px 0;
    line-height: 2;
    word-wrap: break-word;
    word-break: break-all
}

.article .article_con p {
    text-indent: 30px
}

.slider .box {
    position: relative;
    overflow: hidden
}

.slider .box ul {
    position: relative;
    overflow: hidden;
    width: 100%
}

.switchable-nav a {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 44px;
    height: 60px;
    text-indent: -9999px;
    background: url(../images/elements/slider/slider_controls.png) no-repeat 0 -9999px
}

.switchable-nav .prev {
    left: 0;
    background-position: 0 0
}

.switchable-nav .next {
    right: 0;
    background-position: 0 -180px
}

.switchable-nav .prev:hover {
    background-position: 0 -60px
}

.switchable-nav .next:hover {
    background-position: 0 -240px
}

.switchable-nav a.prev.disabled,
.switchable-nav a.prev.disabled:hover {
    background-position: 0 -120px
}

.switchable-nav a.next.disabled,
.switchable-nav a.next.disabled:hover {
    background-position: 0 -300px
}

.switchable-triggers {
    width: 100%;
    height: 30px;
    overflow-y: hidden;
    line-height: 30px;
    text-align: center
}

.switchable-triggers li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 3px;
    color: #3359b8;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer
}

.switchable-triggers li.current {
    color: #d9d9d9
}

.quickStats {
    float: right;
    line-height: 16px;
    text-align: center;
    margin: 15px 0 14px 0
}

.quickStats .blue {
    color: #5d91a9
}

.quickStats li {
    display: block;
    float: left;
    border-left: 1px solid #d9d9d9;
    padding: 2px 15px 0 15px;
    white-space: nowrap
}

.quickStats li strong {
    font-size: 14px;
    padding-top: 1px;
    display: block
}

.quickStats li span {
    display: block;
    color: #5f5f5f;
    font-size: 12px
}

.quickStats li a {
    margin-right: 10px;
    margin-top: -2px;
    float: left;
    border-radius: 50%
}

.quickStats li:last-child {
    padding-right: 0
}

.quickStats li:first-child {
    border-left: 0
}

.breadLine {
    padding: 0 20px;
    box-sizing: border-box;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    border-bottom: 1px solid #EEE;
    background: #FFF
}

.breadLine .hideArrow {
    width: 30px;
    float: left;
    padding: 14px 0 14px 0;
    border-right: 1px solid #c3c3c3;
    display: none
}

.breadLine .hideArrow:hover {
    background-color: #f5f5f5
}

.breadLine.simple {
    background: 0;
    border: 0
}

.breadback {
    float: left;
    margin-left: 3px;
    font-size: 0
}

.breadback .buttonS {
    margin: 3px 0 3px -1px;
    padding: 1px;
    font-size: 0
}

.breadback .buttonS:first-child {
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.bBackward .ico {
    background-position: -50px -195px
}

.bBackward:hover .ico {
    background-position: -50px -219px
}

.bForward .ico {
    background-position: -74px -195px
}

.bForward:hover .ico {
    background-position: -74px -219px
}

ul.breadcrumbs {
    position: relative;
    z-index: 990;
    *zoom: 1
}

ul.breadcrumbs:before,
ul.breadcrumbs:after {
    display: table;
    content: ""
}

ul.breadcrumbs:after {
    clear: both
}

ul.breadcrumbs li {
    float: left;
    padding-left: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    height: 28px
}

ul.breadcrumbs li span {
    max-width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

ul.breadcrumbs li.current {
    border-right: 0
}

ul.breadcrumbs li a {
    text-decoration: none;
    padding: 3px 20px 3px 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(../images/sprite.png) no-repeat right -249px;
    color: #2546a5;
    height: 22px;
    line-height: 22px;
    font-weight: normal
}

ul.breadcrumbs li a:hover {
    color: #F60
}

ul.breadcrumbs li.current>a {
    color: #333;
    background: 0
}

ul.breadcrumbs li ul {
    position: absolute;
    z-index: 1000;
    background: url(../images/sprite.png) no-repeat -4px -85px;
    font-size: 12px;
    top: 24px;
    padding-top: 8px;
    display: none
}

ul.breadcrumbs li ul li {
    width: 180px;
    text-align: left;
    padding: 0;
    float: none
}

ul.breadcrumbs li ul li a {
    border: 1px solid #e4e4e4;
    border-top: 0
}

ul.breadcrumbs li ul li:first-child a {
    border-top: 0
}

ul.breadcrumbs li ul a {
    display: block;
    padding: 5px 10px;
    height: auto;
    line-height: 16px;
    clear: both;
    font-weight: normal;
    color: #666;
    white-space: nowrap;
    font-size: 12px;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
    background: linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%)
}

ul.breadcrumbs li ul a:hover {
    background: #f5f5f5;
    color: #2b6893
}

ul.breadcrumbs li.hover ul a {
    color: #666
}

ul.breadcrumbs li.hover ul a:hover {
    color: #fff;
    background: #4179c6;
    background: -moz-linear-gradient(top, #4179c6 0%, #1f52ae 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4179c6), color-stop(100%, #1f52ae));
    background: -webkit-linear-gradient(top, #4179c6 0%, #1f52ae 100%);
    background: -o-linear-gradient(top, #4179c6 0%, #1f52ae 100%);
    background: -ms-linear-gradient(top, #4179c6 0%, #1f52ae 100%);
    background: linear-gradient(top, #4179c6 0%, #1f52ae 100%)
}